Background Automatisch veränderbar ?!

Syno (umbenannt durch shoxinat0r) · 12. März 2014

Hallo ihr Lieben,
Ich möchte in meiner Homepage einbauen das sich jede 20 Sekunden der Background ändert?!
Aber wie?
Ich hoffe auf Hilfreichen Antworten

Beste Grüße
Euer Syno.

SLaYz · 12. März 2014

Ich glaube das sollte es sein was Du suchst^^

PHP

<script type="text/javascript">
	$(window).ready(function() {
	    $('#content').fadeIn(3000);
	});
	var speed = 20000;
	var Pic = new Array();
	Pic[0] = "images/backgrounds/background_1.jpg";
	<!----Pic[1] = "images/backgrounds/background_3.jpg";-->//Bild 2
                    <!----Pic[2] = "images/backgrounds/background_3.jpg";-->//Bild 3 und so weiter


	var t;
	var j = 0;
	var p = Pic.length;
	var preLoad = new Array();
	for (i = 0; i < p; i++){
	   preLoad[i] = new Image();
	   preLoad[i].src = Pic[i];
	}
	function changeBG() {
		if (document.body){
			document.getElementById("body").style.backgroundImage="url('"+Pic[j]+"')";
			j = j + 1;
			if (j > (p-1))
			j = 0;
			t = setTimeout('changeBG()', speed);
		}
	}
</script>

Alles anzeigen

Syno (umbenannt durch shoxinat0r) · 13. März 2014

Zitat von SLaYz

Ich glaube das sollte es sein was Du suchst^^

PHP

$(window).ready(function() {
	    $('#content').fadeIn(3000);
	});
	var speed = 20000;
	var Pic = new Array();
	Pic[0] = "images/backgrounds/background_1.jpg";
	//Bild 2
                    //Bild 3 und so weiter


	var t;
	var j = 0;
	var p = Pic.length;
	var preLoad = new Array();
	for (i = 0; i  (p-1))
			j = 0;
			t = setTimeout('changeBG()', speed);
		}
	}

Alles anzeigen

Dankeschön, aber ich habe keine Ahnung von Java wie wo muss ich das einfügen? :o

Eisbär_ · 13. März 2014

Im head bereich, sollte ich falsch liegen berichtigt mich.

Diverse · 13. März 2014

Zitat von Eisbär_

Im head bereich, sollte ich falsch liegen berichtigt mich.

davor muss aber ein

HTML

<script type="text/javascript">

Dann kommt das dahinter:

JavaScript

$(window).ready(function() {
        $('#content').fadeIn(3000);
    });
    var speed = 20000;
    var Pic = new Array();
    Pic[0] = "images/backgrounds/background_1.jpg";
    //Bild 2
                    //Bild 3 und so weiter


    var t;
    var j = 0;
    var p = Pic.length;
    var preLoad = new Array();
    for (i = 0; i  (p-1))
            j = 0;
            t = setTimeout('changeBG()', speed);
        }
    }

Alles anzeigen

Und danach kommt wieder ein:

HTML

</script>

Syno (umbenannt durch shoxinat0r) · 14. März 2014

Zitat von Rox97

davor muss aber ein

HTML

Dann kommt das dahinter:

JavaScript

$(window).ready(function() {
        $('#content').fadeIn(3000);
    });
    var speed = 20000;
    var Pic = new Array();
    Pic[0] = "images/backgrounds/background_1.jpg";
    //Bild 2
                    //Bild 3 und so weiter


    var t;
    var j = 0;
    var p = Pic.length;
    var preLoad = new Array();
    for (i = 0; i  (p-1))
            j = 0;
            t = setTimeout('changeBG()', speed);
        }
    }

Alles anzeigen

Und danach kommt wieder ein:

HTML

Alles anzeigen

Zitat von SLaYz

Ich glaube das sollte es sein was Du suchst^^

PHP

$(window).ready(function() {
	    $('#content').fadeIn(3000);
	});
	var speed = 20000;
	var Pic = new Array();
	Pic[0] = "images/backgrounds/background_1.jpg";
	//Bild 2
                    //Bild 3 und so weiter


	var t;
	var j = 0;
	var p = Pic.length;
	var preLoad = new Array();
	for (i = 0; i  (p-1))
			j = 0;
			t = setTimeout('changeBG()', speed);
		}
	}

Alles anzeigen

bei mir Funktioniert das immer noch nicht -.-

SLaYz · 14. März 2014

Wie schaut dein Code derzeit aus?

Syno (umbenannt durch shoxinat0r) · 14. März 2014

Vielen dank an SLaYz der über 1 Std mit mir an meiner Website geholfen hat!!!.
Vielen Dank!!!!

Liebe Grüße
Syno.

#Close

breadfish.de 12. März 2022