JuliusDesign

jQuery Plugin Easy Slider: Creare Slider di Contenuti

Di - Letture: 3.104

Easy Slider è un Plugin jQuery che permette di creare slider di contenuti orizzontali e verticali in modo davvero molto semplice

Il plugin è disponibile al download gratuito ed è personalizzabile grazie agli stili CSS associati

La sintassi HTML base è la seguente:

<div id="slider">
<ul>
<li>contenuto</li>
<li>contenuto</li>
<li>contenuto</li>
</ul>
</div>

Vediamo come una lista strutturata con punti elenco <ul> e <li> viene gestita tramite la classe slider

Ricordiamoci di richiamare i nostri file JavaScript in questo modo tra i tag <head> e </head>

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

Il Plugin è stato realizzato da Alen Grakalic per CSS Globe

Stratega, Docente, Speaker con più di 12 anni di esperienza in strategie creative multicanale. Oggi sono Managing Partner di ThinkingHat, Innovation Studio specializzato in tecnologie emergenti per aziende e brand audaci.

Chi ha letto questo articolo ha letto anche

10 Commenti

  3. Mirko

    Bel plugin… visto che siamo in tema, non è che conoscete un plugin simil “frontpage slideshow” da poter integrare nei propri lavori?

    Cita / Quota
  5. DoZ

    @Bene: basta che richiami dall’interno del tag HEAD i due file .JS (2° codice);
    poi crei un DIV (1° codice) dove metti i tuoi contenuti da far scivolare tra i tag LI; puoi usare tutti i LI che ti servono!

    Cita / Quota
  6. Bene

    DoZ ha scritto:

    @Bene: basta che richiami dall’interno del tag HEAD i due file .JS (2° codice);
    poi crei un DIV (1° codice) dove metti i tuoi contenuti da far scivolare tra i tag LI; puoi usare tutti i LI che ti servono!

    Grazie Doz..però aspetta aspetta…
    allora..con calma… ehehe
    Come “richiamo” i js?
    Io son riuscita a “sostituire” le img tra i tag “LI”..fin li ci sono arrivata…
    Però poi come faccio a fare le seguenti cose:

    1)cambiare il font a “prev” e “next”?
    2) come faccio a centrare lo slide nella pagina?
    3) come faccio a cambiare sfondo della pagina html?

    grazie mille DoZ…ti prego di avere pazienzina!! ;)

    Cita / Quota
  7. luca

    Io riesco a creare in modo perfetto la gallery con 8 immagini….
    il problema e che non funziona piu facendolo per la seconda volta!

    Cita / Quota
  8. mauro

    ciao a tutti, ho una domanda……………………

    è possibile implementare al posto dell’effetto scroll l’effetto fade al passaggio del contenuto ?

    grazie

    Cita / Quota
  9. Federico

    Mah sbaglio o questo slideshow è un pacco? Ha un file jQuery tutto suo (e non quello ufficiale) e ha un sacco di bug con il no.Conflict.. mah…

    Cita / Quota
  10. Cristian

    Ciao,
    Anche io uso easy slider 1.5,ma ho un problema e non so dove intervenire.
    Es: ho 3 slide che vano a sinistra,ma invece di andare sempre a sinistra e riprendere con il 1° slide,torna indietro al primo andando a destra.

    Cita / Quota

Commenti