Schönen guten Abend. Ich würde gerne auf meiner seite mithilfe von jQuery das Hintergrundbild eines ändern. hat bisher auch ganz gut geklappt. Das einzige was mich stört ist dass (ich kenne mich mit js überhaupt nicht aus) die Hintergrundbilder verblassen. Ich möchte aber dass sie nach rechts verschoben werden.
Hier mal den Code den ich mir aus dem Netz gesucht habe:
$(document).ready(function(){
var imgArr = new Array( // relative paths of images
‚img/news/1.jpg‘,
‚img/news/2.jpg‘
);
var preloadArr = new Array();
var i;
/* preload images */
for(i=0; i < imgArr.length; i++){
preloadArr[i] = new Image();
preloadArr[i].src = imgArr[i];
}
var currImg = 1;
var intID = setInterval(changeImg, 3000);
Hallo, da hier sowieso jQuery zum Einsatz kommt, würde ich direkt ein fertiges Plugin, wie z.B. das ‚Cycle Plugin‘ benutzen http://www.malsup.com/jquery/cycle/
Hiermit kann man sehr einfach sehr schöne Übergänge herstellen, ohne sich zu tief in javascript ‚vertiefen zu müssen‘. Bei Fragen einfach noch mal melden.
Viele Grüsse thom23
Erstmal danke für die fixe Antwort.
So wie ich das erkenne arbeitet das Plugin aber nicht mit „background-image“, sondern mit dem tag.
Es müsste aber via „background-image“ laufen.
Zudem möchte ich bei jedem Bildwechsel auch einen anderen Div Container anzeigen lassen.
Ich hab schon öfters nach bestimmten Plugins gesucht, diese aber nicht gefunden. Dabei rum gekommen ist das ich nach stunden Sucherei verzweifelt war und keine lust mehr hatte weiter an der Seite zu basteln.
die einzelnen Funktionen von jQuery kann ich leider auch nicht erklären, ich habe mir meistens hier http://jquery.malsup.com/cycle/
die entsprechenden Code Beispiele angesehen, und das gewünschte verwendet.
Das Cycle Plugin arbeitet nicht nur mit Graphiken. Man kann es die einzelnen Container verschieben lassen, denen man die unterschiedlichen background-images zugewiesen hat.
