Perché non è possibile utilizzare più ids qui?

Question

Sto cercando di ottenere un po 'di codice funzionante. Sto utilizzando XFade, la versione più recente. Homebrew Javascript immagine fader che sfuma tra tutti i tag img in un div, assegnato dal Javascript. C'è uno script di immagine dissolvenza ho scoperto che utilizza Javascript per svanire tra le immagini in un div. Tuttavia, può sbiadire solo 1 div ... Ho 3 punti voglio avere dissolvenza le immagini a, e non riesco a ottenere il codice Javascript ad accettare gli effetti per l'esecuzione su un altro div.

Ecco il codice che sto usando:

http://www.enlinegraphics.com/assets/js/xfade2.js

E la pagina che sto cercando di ottenere le molteplici div con il proprio set di immagini in dissolvenza di lavoro è la homepage, alias href="http://www.enlinegraphics.com" rel="nofollow noreferrer"> http://www.enlinegraphics.com

Se io vado su questo completamente sbagliato, e il codice non può eseguire facilmente gli effetti sui diversi DIV, allora posso cercare un altro, ma ho davvero bisogno di capire una buona immagine Javascript fader.

Modifica : ho intenzione di provare la mia mano a JQuery per suggerimento di una risposta - se si dispone di alcun aiuto che mi aiuterà in questo, che sarebbe la messa a fuoco ora, non cercando di ottenere XFade lavoro. Grazie.

Answer 1

Si potrebbe prendere in considerazione l'implementazione e l'apprendimento jQuery, che ha un paio di plugin a svanire le cose così come costruito nel funzioni come fadeIn (), fadeOut (), ecc.

Si potrebbe utilizzare più div dissolvenza tramite un selettore come questo

$('#div1, #div2').fadeOut(1000);

In bocca al lupo!

Guida Extra

In particolare, se in questa fase si desidera iniziare a dissolvenza Div di, controllare i documenti di jQuery a http: //docs.jquery.com , più specificamente i selettori (per la selezione del div) e gli effetti (per imparare come e quali funzioni per l'uso).

Answer 2

ho incontrato un problema simile facendo il banner in bicicletta su http://www.cwu.edu / ~ campuslife . Mentre la funzione di dissolvenza Jquery è bello, non sarà sufficiente per quello che stai facendo. Vi consiglio il Jquery ciclo lite plug se sei solo dissolvenza tra le immagini.

Per impostare questa funzione, è necessario aggiungere lo script jQuery, il plugin ciclo, e un terzo file .js nel documento, in questo modo:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="cycle.js"></script>
<script type="text/javascript" src="imgrotation.js"></script>

Poi, nel file imgrotation, aggiungere le seguenti righe:

$(document).ready(function(){
    $('#div1, #div2').cycle()
})

Questo dovrebbe essere tutto ciò che serve per scorrere le immagini in più div.