JuliusDesign

jQuery Plugin Easy Slider: Creare Slider di Contenuti

Di - Letture: 3.048

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 Partner & Chief Innovation Officer 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