2009-08-15 12 views
1

Für ein Projekt möchte ich ein Content-Banner erstellen, das zwischen mehreren "Folien" (HTML, Bilder usw.) wechseln würde. Die "Folien" sind div-Elemente. Der von jCarousel verwendete slideIn-Effekt ist nicht das, was der Typ möchte, er wollte, dass die "Slides" mit jedem "slide", der für 7 Sekunden angezeigt wird, ausgeblendet werden.jQuery Inhalt wechseln und Fadein Plugin?

Wer weiß von einem Plugin, das dies erreichen kann?

Ps.s. Ich habe versucht zu fragen, ob irgendjemand einen fadeIn/fadeOut-Effekt für jCarousel erstellt hat, aber die Frage hat keine Antwort erhalten, so dass ich jetzt bereit bin, das Plugin für eines zu ändern, das diese spezielle Aufgabe erledigt.

+0

jQuery hat fadeIn bemessen? Was meinen Sie? Das ist ziemlich trivial zu implementieren? Was ist deine Frage? Wie man es wirklich umsetzt? –

+0

Kein vorgefertigtes Plugin, das zwischen 4-10 div-Elementen mit einem Fade-Effekt wechselt. – Phil

Antwort

4

Haben Sie die jQuery Cycle Plugin gesehen? Es hat eine ton of different options, von denen eine ist ein Fade-Effekt. Laden Sie einfach das Plugin-Code und verwenden Sie dann die folgenden

$(function() { 
    $('div.slideshow').cycle({ 
    fx: 'fade', // choose the fade transition type 
    timeout: 7000 // 7 second delay between fade in and fade out 
    }); 
); 

vorausgesetzt, Ihre Bilder sind alle gleich und in ein <div> mit class="slideshow"

+0

Ich habe dieses Plugin abgelehnt, weil es img-Elemente anstelle von div-Elementen verwendet hat, aber es herunterladen und versuchen wird, ob es funktionieren würde. – Phil

+0

+1 für die Lehre über ein nützliches Plugin! –

+0

ist es nicht auf Bilder beschränkt. Als erster Link in meiner Antwort heißt es: "Bilder werden in diesen Demos verwendet, weil sie cool aussehen, aber Diashows sind nicht auf Bilder beschränkt. Sie können jedes beliebige Element verwenden." –