Forum di New-CMS

Indice Forum

New-CMS

Grafica

[ 1 2 3 4 5 ]

Risposta #15 : Cambio sfondo automatico

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


	Pubblicato : 4/07/2014 - 12:42

Ma il tag body nel css lo devo modificare?

Risposta #16 : Cambio sfondo automatico

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


	Pubblicato : 4/07/2014 - 12:55

Se inserisco questa funzione cos� com� la pagina del sito rimane bianca, non comunica errori:

Codice


 body.style.backgroundAttachment="fixed";

Se cambio le virgolette da " a ' la pagina si vede ma lo sfondo scrolla insieme alla pagina:

Codice


 body.style.backgroundAttachment='fixed';

Risposta #17 : Cambio sfondo automatico

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


	Pubblicato : 4/07/2014 - 14:15

Cos� funziona:

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]); 
 body.css('background-attachment', 'fixed');
 setTimeout(nextBackground, 5000);
 }
 setTimeout(nextBackground, 5000);
   body.css('background', backgrounds[0]);
   body.css('background-attachment', 'fixed'); 
 });
 nextBackground();  
</script>";

Per il CSS :

transition-property: background;
transition-duration: 2s;
transition-timing-function: linear;
transition-delay: 0.5s;

Funzionano solo con chrome, forse se le inserisci tramite javascript con lo stesso medodo usato per fixed funzionano anche su firefox.
Background non metterlo nel css, non serve � potrebbe ricaricarti la stessa immagine 2 volte con ulteriore consumo di banda.

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

Risposta #18 : Cambio sfondo automatico

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


	Pubblicato : 4/07/2014 - 14:47

Ho messo a punto il tutto e testato; per il CSS una cosa di questo tipo:

Codice

body {
margin: 5px 0 0 0;
transition-property: background;
transition-duration: 2s;
transition-timing-function: linear;
transition-delay: 0.5s;
background-attachment:fixed;
background-position:center top;
}

Questo per la transizione che funziona solo su chrome, non su firefox.

Come javascript questo:

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-color', '#fff000');
   body.css('background-image', backgrounds[current = ++current % backgrounds.length]); 
   body.css('background-attachment', 'fixed');
   body.css('background-repeat', 'no-repeat');
   body.css('background-position', 'center top');   
 setTimeout(nextBackground, 5000);
 }
 setTimeout(nextBackground, 5000);
   body.css('background-color', '#fff000'); 
   body.css('background-image', backgrounds[0]);
   body.css('background-attachment', 'fixed');  
   body.css('background-repeat', 'no-repeat');
   body.css('background-position', 'center top');  
 });
 nextBackground();  
</script>";

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

Risposta #19 : Cambio sfondo automatico

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


	Pubblicato : 4/07/2014 - 14:53

Per la transizione in firefox forse si pu� fare cos�: prima del div ho tabella classe pagina metti un div con larghezza 100% di classe x ed alla classe x attribuisci i vari transiton messi in body. Dovrebbe funzionare, il problema di firefox � che transitiuon non funziona se messo in body, se messo in un div funziona. Per� a quel punto bisogna far ruotare lo sfondo di questo div, non del body.

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

[ 1 2 3 4 5 ]