Frage

Für ein Projekt würde Ich mag einen Inhalt Banner machen, die zwischen mehreren „Dias“ (mit HTML, Bildern usw.) wechseln würden. Die „Folien“ sind div Elemente. Die Einschub Wirkung von jCarousel verwendet wird, ist nicht das, was der Mann will, er Wanst es fadeIn / fadeOut das „Dia“ mit jedem „Dia“ 7 Sekunden lang angezeigt.

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

P. S. Ich habe versucht, zu fragen, ob jemand eine fadeIn / fadeOut Wirkung für jCarousel geschaffen hat, aber die Frage keine Antwort gehabt hat, so dass ich jetzt bereit bin, das Plugin für ein ändern, die diese spezifische Aufgabe der Fall ist.

War es hilfreich?

Lösung

Haben Sie die jQuery Cycle-Plugin ? Es hat eine Tonne von verschiedenen Optionen , einer davon ist ein Fade-Effekt. Laden Sie einfach das Plugin-Code und verwenden Sie die folgende

$(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 bemessen und in einem <div> mit class="slideshow"

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top