Jquery Fade Header

Area dedicata alle guide di phpBB 3
Rispondi
Avatar utente
vcienz
Nuovo Utente
Nuovo Utente
Messaggi: 36
Iscritto il: 25/12/2013, 11:34
Link del Forum: no
Contatta:
Contatta vcienz

Re: Jquery Fade Header

Messaggio da vcienz »

Salve anche io ho questo problema quando cambia l'immagine esce solo sfondo bianco allego il mio script modificato grazie mielle





<!--fade-header by Slash www.wiizard.it-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){

var imgArr = new Array( // path immagini
'{T_THEME_PATH}/styles/prosilver/theme/images/bgheader.gif',
'{T_THEME_PATH}/styles/prosilver/theme/images/bgheader1.gif',
'{T_THEME_PATH}/styles/prosilver/theme/images/bgheader2.gif'
);

var preloadArr = new Array();
var i;

/* preload immagini*/
for(i=0; i < imgArr.length; i++){
preloadArr = new Image();
preloadArr.src = imgArr;
}

var currImg = 1;
var intID = setInterval(changeImg, 30000); // l' immagine cambia ogni: in millisecondi /

function changeImg(){
$('.headerbar').animate({opacity: 0}, 1, function(){
$(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +')');
}).animate({opacity: 1}, 1000);
}

});
</script>
<!--fade-header by Slash www.wiizard.it-->
</head>

dove sbaglio io uso prosilver grandezza immagini e 950 x 200 sapete aiutarmi per favore grazie mille :arrendo:
Top
Avatar utente
vcienz
Nuovo Utente
Nuovo Utente
Messaggi: 36
Iscritto il: 25/12/2013, 11:34
Link del Forum: no
Contatta:
Contatta vcienz

Re: Jquery Fade Header

Messaggio da vcienz »

vcienz ha scritto:Salve anche io ho questo problema quando cambia l'immagine esce solo sfondo bianco allego il mio script modificato grazie mielle

Codice: Seleziona tutto

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">

<!-- IF not S_IS_BOT -->
    <script type="text/javascript" src="https://webchat.chatme.im/php/get.php?l=it&t=js&g=mini.xml&f=jquery.js"></script>
    <script type="text/javascript">
        $.noConflict();
        jQuery(document).ready(function() {
        MINI_GROUPCHATS = ["Yoshiitaly@conference.chatme.im"];
        <!-- IF S_USER_LOGGED_IN -->
        MINI_NICKNAME = "{S_USERNAME}";
        current_sessid = "{SESSION_ID}";
        <!-- ENDIF -->
        <!-- IF not S_USER_LOGGED_IN -->
              current_sessid = "";
        <!-- ENDIF -->
        saved_sessid = getDB("jappix-mini", "phpbb_sessid");
          if (saved_sessid != current_sessid) removeDB('jappix-mini', 'dom');
          setDB("jappix-mini", "phpbb_sessid", current_sessid);
        MINI_ANIMATE = true;
        MINI_RESOURCE = "{SESSION_ID}";
        launchMini(false, false, "anonymous.chatme.im");
        });
    </script>
<!-- ENDIF -->

<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}

<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
<!-- IF FAVICON --><link rel="shortcut icon" href="{ROOT_PATH}{FAVICON}" type="image/x-icon" /><!-- ENDIF -->

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: prosilver
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by: 
--> <![CDATA[

	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP and S_NEW_PM -->
		var url = '{UA_POPUP_PM}';
		window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	};

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	};

// ]]>
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->


<!-- MOD : MSSTI ABBC3 (v{S_ABBC3_VERSION}) - Start //-->
<!-- INCLUDE ./../../abbcode/abbcode_header.html -->
<!-- MOD : MSSTI ABBC3 (v{S_ABBC3_VERSION}) - End //-->

<!-- IF SITE_BG_IMG -->
<style type="text/css">
<!--
.headerbar {background:url("{SITE_BG_IMG}") repeat;}
-->
</style>
<!-- ENDIF -->

    <!--fade-header by Slash http://www.wiizard.it-->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
        <script language="JavaScript" type="text/javascript">
        $(document).ready(function(){
                   
                    var imgArr = new Array( // path immagini
                       '{T_THEME_PATH}/styles/prosilver/theme/images/bg_header.gif',
                            '{T_THEME_PATH}/styles/prosilver/theme/images/bg_header1.gif',
                            '{T_THEME_PATH}/styles/prosilver/theme/images/bg_header2.gif'
                       );
                       
                    var preloadArr = new Array();
                    var i;
                   
                    /* preload immagini*/
                    for(i=0; i < imgArr.length; i++){
                       preloadArr[i] = new Image();
                       preloadArr[i].src = imgArr[i];
                    }
                   
                    var currImg = 1;
                    var intID = setInterval(changeImg, 30000); // l' immagine cambia ogni: in millisecondi /
                   
                    function changeImg(){
                       $('.headerbar').animate({opacity: 0}, 1, function(){
                          $(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +')');
                       }).animate({opacity: 1}, 1000);
                    }
         
                 });
        </script>
        <!--fade-header by Slash http://www.wiizard.it-->

</head>
dove sbaglio io uso prosilver grandezza immagini e 950 x 200 sapete aiutarmi per favore grazie mille :arrendo:
Top
Avatar utente
Moloch
Utente
Utente
Messaggi: 1053
Iscritto il: 13/06/2012, 0:35
Link del Forum: http://twawi.altervista.org/forum/index.php

Re: Jquery Fade Header

Messaggio da Moloch »

Ai caricato le immagini nella cartella
styles\prosilver\theme\images

Trova e elimina:

Codice: Seleziona tutto

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
Trova:

Codice: Seleziona tutto

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
Aggiungi dopo:

Codice: Seleziona tutto

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
ti do un consiglio togli la chatme ti rallenta tutto il forum la usavo pure io la jappix che è sempre la stessa
il rallentamento è dovuto al sovvraccarico dei loro server
Top
Avatar utente
vargas
Utente
Utente
Messaggi: 175
Iscritto il: 01/03/2014, 22:16
Link del Forum: http://spearfishingteam.altervista.org/forum/index.php

Re: Jquery Fade Header

Messaggio da vargas »

A me funziona, con delle varianti, che spiego:
Appena faccio refresh, leader sotto la scritta rimane quello celeste tinta unita, che a questo punto eliminerei...
L'immagine ruota ogni minuto, ma quello so come fare, è scritto sopra e appena torno al cp lo faccio.
Altro difetto del mio forum che correggerò e mettere una scritta a sfondo trasparente, adesso ho una foto ma anche li faccio io.
Il problema grosso e che le immagini heater che ho fatto sono gif da 900 x 200. E sul pc le vedo una attaccata all'altra, perché sul pc il forum e grande come la pagina. Sui mobile invece lo vedrei giusto.
Ho visto che questa board sul pc si vede ristretta, potrei fare così anche la mia? E come?
Grazie mille.....
Top
Avatar utente
Max_69
Utente
Utente
Messaggi: 209
Iscritto il: 14/08/2013, 19:03
Link del Forum: https://invisiongame.it
Località: Udine
Versione phpBB: 3.3.x
Versione php: 7.4
Contatta:
Contatta Max_69

Re: Jquery Fade Header

Messaggio da Max_69 »

Ciao ragazzi, ho fatto questa modifica e funge alla grande tranne per un piccolo particolare, in pratica quando clicco sui pulsanti della mchat...ad esempio sul pulsante delle emoticons...o quello dei bbcode...quest'ultimi si aprono tipo menu a tendina, ed è giusto così solo che poi riccliccadoci sopra dovrebbero richiudersi ma questo non avviene, come risolvo?
Grazie in anticipo :ciao:
Top
Avatar utente
Moloch
Utente
Utente
Messaggi: 1053
Iscritto il: 13/06/2012, 0:35
Link del Forum: http://twawi.altervista.org/forum/index.php

Re: Jquery Fade Header

Messaggio da Moloch »

Trova e rimuovi nel file overall_header.html

Codice: Seleziona tutto

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
2 jquery vanno in conflitto tra loro per quello c'è quel problema
Top
Avatar utente
Max_69
Utente
Utente
Messaggi: 209
Iscritto il: 14/08/2013, 19:03
Link del Forum: https://invisiongame.it
Località: Udine
Versione phpBB: 3.3.x
Versione php: 7.4
Contatta:
Contatta Max_69

Re: Jquery Fade Header

Messaggio da Max_69 »

Grazie...ora è perfetto!

:hi:
Top
Rispondi

Torna a “Guide”