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
Articoli simili in CSS, HTML, jQuery, Plugin
Giuliano Ambrosio è un Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web.
Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.
...
Fedeweb
9 gennaio 2009
Ottima segnalazione Julius!
Nikopolidis
9 gennaio 2009
Mi aggiungo al grazie per la segnalazione
Può essere molto utile da inserire nel sito!
Mirko
9 gennaio 2009
Bel plugin… visto che siamo in tema, non è che conoscete un plugin simil “frontpage slideshow” da poter integrare nei propri lavori?
Bene
12 gennaio 2009
Grazie Julius peccato che non riesca a capire come fare…:( !!
DoZ
22 gennaio 2009
@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!
Bene
1 maggio 2009
DoZ ha scritto:
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!!
luca
29 giugno 2009
Io riesco a creare in modo perfetto la gallery con 8 immagini….
il problema e che non funziona piu facendolo per la seconda volta!