Forum di New-CMS

Indice Forum

New-CMS

Grafica

[ 1 2 3 4 5 ]

Risposta #5 : Cambio sfondo automatico

	Autore : vania
	Rango : Admin
	Discussioni : 85
	Messaggi : 2772
	Visite : 5323


	Pubblicato : 16/06/2014 - 12:50

Ti scrivo un esempio in php:

Codice

echo "<script type='text/javascript'>
$(function() {
  var body = $('body');
  var backgrounds = ['url(struttura/skin/nomeskin/b1.jpg)', 'url(struttura/skin/nomeskin/b2.jpg)'];
var current = 0;
function nextBackground() {
  body.css(
   'background',
    backgrounds[current = ++current % backgrounds.length]
 );
 setTimeout(nextBackground, 5000);
 }
 setTimeout(nextBackground, 5000);
   body.css('background', backgrounds[0]);
 });
</script>";

Questo dovrebbe funzionare, puoi metterlo anche alla fine prima della chiusura del codice php : ?>

Come fare un offerta per contribuire allo sviluppo di New-CMS

Risposta #6 : Cambio sfondo automatico

	Autore : vania
	Rango : Admin
	Discussioni : 85
	Messaggi : 2772
	Visite : 5323


	Pubblicato : 16/06/2014 - 12:54

L'ho modificato, non lo avevo scritto correttamente.

Come fare un offerta per contribuire allo sviluppo di New-CMS

Risposta #7 : Cambio sfondo automatico

	Autore : Maxim97
	Rango : Moderatore
	Discussioni : 52
	Messaggi : 417
	Visite : 1289


	Pubblicato : 16/06/2014 - 12:57

E' presente anche l'effetto fade?

Grazie per tutto....

Risposta #8 : Cambio sfondo automatico

	Autore : vania
	Rango : Admin
	Discussioni : 85
	Messaggi : 2772
	Visite : 5323


	Pubblicato : 16/06/2014 - 13:02

Per il fade bisogna mettere una script moto pi� complesso. Provo a vedere se trovo qualcosa non so come si fa.

Come fare un offerta per contribuire allo sviluppo di New-CMS

Risposta #9 : Cambio sfondo automatico

	Autore : vania
	Rango : Admin
	Discussioni : 85
	Messaggi : 2772
	Visite : 5323


	Pubblicato : 16/06/2014 - 15:02

Ti riscrivo il codice testato e corretto:

Codice

echo "<script type='text/javascript'>
$(function() {
  var body = $('body');
  var backgrounds = ['url(struttura/skin/Another/b1.jpg)', 'url(struttura/skin/Another/b2.jpg)'];
var current = 0;
function nextBackground(){
 body.css('background', backgrounds[current = ++current % backgrounds.length]);
 setTimeout(nextBackground, 5000);
 }
 setTimeout(nextBackground, 5000);
   body.css('background', backgrounds[0]);  
 });
 nextBackground();  
</script>";

Questo lo puoi mettere ad esempio dentro la funzione footer in skin.str

Per il fade c'� il CSS3 transition, ma in questo caso ho testato e mi va solo su chrome, forse perch� il background viene cambiato da javascript.
Con jequery niente da fare mi fa il fade della pagina invece che del background.

Come fare un offerta per contribuire allo sviluppo di New-CMS

[ 1 2 3 4 5 ]