Domanda

Per un progetto vorrei fare un banner contenuti che passare tra diverse "scivola" (contenente html, immagini, ecc). I "scivola" sono elementi div. L'effetto a forca usata da jCarousel non è ciò che il ragazzo vuole, wanst a fadeIn / fadeOut le "scivola" tra "slide" mostrato per 7 secondi.

Qualcuno sa di un plugin che può raggiungere questo obiettivo?

P.S. Ho provato a chiedere se qualcuno ha creato un effetto fadeIn / fadeOut per jCarousel, ma la questione non ha avuto alcuna risposta, così ora io sono disposto a cambiare il plugin per uno che fa questo compito specifico.

È stato utile?

Soluzione

Hai visto il jQuery Cycle Plugin ? Ha un tonnellata di opzioni diverse , uno dei quali è un effetto di dissolvenza. Basta scaricare il codice del plugin e quindi utilizzare il seguente

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

supponendo che le immagini sono tutte di dimensioni uguali e in un <div> con class="slideshow"

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top