jquery cycle galleria di immagini

gen 26, 2012   //   by gapdifferent   //   Jquery, tutorials  //  No Comments

Guida per creare una semplice galleria in jquery.

Creiamo una galleria in jquery con un plug-in jquery-cycle per fare questo occorre sapere basi di HTML E CSS.

 

 

  1. creare file html inserendo un <div> all’interno del <body> che può essere un “id” o una “class” con dentro 3, 4 o 5 immagini;
  2. creare il file css o dentro il <head></head> o incorporato, dando uno stile alle immagini e al div contenitore;
  3. incorporare il codice jquery e jquery-cycle;
  4. incorporare il codice css e js nell’html;

il 1. e il 2. passo non lo spiego nemmeno visto che sono cose abbastanza semplici (comunque se volete inviatemi email o commentate e io vi rispondo). Per incorporare il codice jquery è un po’ più rognoso.

3. passo, andate su http://jquery.com/ e cliccate su download (vi si aprirà una serie di codici con Ctrl+A selezionate il tutto Ctrl+C e incollate sul vostro editor Ctrl+V  salvando con nome “jquery.js”.

Idem per il plug-in andate su http://malsup.github.com/jquery.cycle.all.js (come prima Ctrl+A e Ctrl+C quindi sul vostro editor Ctrl+V salvando con nome “jquery-cycle.js”.

Non vi resta che incorporare il tutto nel seguente modo all’interno del tag <head>

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

<script type=”text/javascript” src=”jquery_cycle.js”></script>

<script type=”text/javascript”>
$(document).ready(function() { // controlliamo che la pagina sia stata caricata
$(‘.slideshow’).cycle({
fx: ‘scrollHorz’,
speed: 500,
timeout: 4000,
});
});
</script>

provate e commentatemi pure.

Grazie.

 

 

 
Tag:,

Segui Gapdifferent

link infomazioni simili

Tag

api audiko bandiere bitly css cycle dem Direct eliminare email facebook fastweb feedburner google gravatar Indicizzare iphone jquery marketing menu in php con css php pingback prefisso profilo public rss share shorten shortlink skype suoneria trackback tutorials twitter web web 2.0 wide wordpress world

cerca con google

RSS live in puglia

  • R/umori Festival 24 aprile 2012
    Quinto appuntamento, il 25 aprile, per la rassegna R/umori organizzata dall’Associazione Does e in scena fino al 30 maggio 2012. Il festival promuove progetti artistici e live band pugliesi, da dj a giovani designer, da musicisti a concept store.   Palco della kermesse è U’Sgranatorie, un delizioso angolo stile Belle Epoque parigina dall’arredamento […]
  • OHM 24 aprile 2012
    Un progetto musicale che ripercorre la storia dei Pink Floyd. Sono gli OHM a salire sul palco del Dream On Cafè di Massafra il 25 aprile 2012. Attivo dal 1997, il gruppo propone un repertorio ispirato a brani tratti da The Wall e da The Dark Side of The Moon, senza trascurare i più vecchi e […]
  • Rainbow Bridge 24 aprile 2012
    I Rainbow Bridge (Giuseppe Piazzolla alla voce e chitarra, Alessio Campanozzi al basso, Paolo Ormas alla batteria) salgono sul palco del Trèsor di Spinazzola, martedì 24 aprile. Obiettivo della band è la celebrazione della musica, dello spirito e dell’attitudine di Jimi Hendrix. Non un tributo calligrafico ma una libera interpretazione, un viaggio attra […]
  • Elio e le Storie Tese 19 aprile 2012
    Irriverenti e ironici, Elio e le Storie Tese, tornano con il Enlarge Your Penis Tour, il nuovo tour teatro-musicale che sta toccando tutte le principali città italiane. Il 02 maggio 2012, i sagaci eroi del palco fanno risuonare la loro musica e le loro parole sul palco del Teatro Petruzzelli di Bari. Sotto i riflettori […]