Commenti a: Realizzare slideshow complessi con jquery cycle http://www.howtoweb.it/tutorial/realizzare-slideshow-complessi-con-jquery-cycle/ Tutorial e risorse per chi lavora sul web Thu, 29 Jul 2010 08:51:35 +0000 http://wordpress.org/?v=2.9.2 hourly 1 Di: Mauro Accornero http://www.howtoweb.it/tutorial/realizzare-slideshow-complessi-con-jquery-cycle/comment-page-1/#comment-354 Mauro Accornero Thu, 22 Jul 2010 09:27:54 +0000 http://www.howtoweb.it/?p=467#comment-354 Nel mio esempio (quello con le thumbnail) inserivo le immagini invece di un testo richiamando una funzione di callback per creare la lista (pagerAnchorBuilder). Se noti all'interno dell'elemento img nell'attributo src vedi "slide.src" che restituisce l'url (o l'src) dell'immagine presente nello slide. Se non ricordo male puoi prelevare il contenuto degli attributi delle immagini, come ad esempio slide.alt o slide.title. Di default vengono creati i numeri ma possono essere editati come preferisci. Nel mio esempio (quello con le thumbnail) inserivo le immagini invece di un testo richiamando una funzione di callback per creare la lista (pagerAnchorBuilder).
Se noti all’interno dell’elemento img nell’attributo src vedi “slide.src” che restituisce l’url (o l’src) dell’immagine presente nello slide.
Se non ricordo male puoi prelevare il contenuto degli attributi delle immagini, come ad esempio slide.alt o slide.title. Di default vengono creati i numeri ma possono essere editati come preferisci.

]]> Di: mino http://www.howtoweb.it/tutorial/realizzare-slideshow-complessi-con-jquery-cycle/comment-page-1/#comment-346 mino Sat, 10 Jul 2010 12:56:43 +0000 http://www.howtoweb.it/?p=467#comment-346 ciao è molto interessante il tutorial che ci hai spiegato vorrei farti una domanda, se io volessi menttere al posto delle thumbnails del testo? come potrei fare? perkè se nella cerco di mettere il testo mi crea un'altra lista dove compaiono dei numeri 123ecc e quella è funzionante, mentre il testo che ho messo nei li non funziona ciao è molto interessante il tutorial che ci hai spiegato
vorrei farti una domanda, se io volessi menttere al posto delle thumbnails del testo? come potrei fare? perkè se nella cerco di mettere il testo mi crea un’altra lista dove compaiono dei numeri 123ecc e quella è funzionante, mentre il testo che ho messo nei li non funziona

]]> Di: claudia http://www.howtoweb.it/tutorial/realizzare-slideshow-complessi-con-jquery-cycle/comment-page-1/#comment-340 claudia Fri, 25 Jun 2010 15:54:39 +0000 http://www.howtoweb.it/?p=467#comment-340 Ciao, grazie per la guida. Io vorrei usare questo plugin con img di grandezza differente. Ho visto che lo script posiziona ogni slide in alto a sinistra e se modifico l'impostazione sui css esterni non accetta la modifica. Come posso fare a centare le immagini nel div contenitore? grazie mille Ciao,
grazie per la guida.
Io vorrei usare questo plugin con img di grandezza differente.
Ho visto che lo script posiziona ogni slide in alto a sinistra e se modifico l’impostazione sui css esterni non accetta la modifica.
Come posso fare a centare le immagini nel div contenitore?

grazie mille

]]> Di: Domenico http://www.howtoweb.it/tutorial/realizzare-slideshow-complessi-con-jquery-cycle/comment-page-1/#comment-229 Domenico Fri, 29 Jan 2010 17:28:46 +0000 http://www.howtoweb.it/?p=467#comment-229 Ciao, grazie per la guida. Ho provato a creare uno slideshow per far ruotare dei banner, ma appena aggiungo il tag <a href... alle immagini (nella div "photos"), i thumbnail sul pager scompaiono. Hai qualche suggerimento? Grazie in anticipo Ciao, grazie per la guida.
Ho provato a creare uno slideshow per far ruotare dei banner, ma appena aggiungo il tag <a href… alle immagini (nella div “photos”), i thumbnail sul pager scompaiono. Hai qualche suggerimento?
Grazie in anticipo

]]> Di: jhonny http://www.howtoweb.it/tutorial/realizzare-slideshow-complessi-con-jquery-cycle/comment-page-1/#comment-227 jhonny Sat, 09 Jan 2010 10:29:50 +0000 http://www.howtoweb.it/?p=467#comment-227 Ciao, utilissima guida...proprio quello che cercavo! Mi sto adoperando per modificare e personalizzare un po lo script... Volevo chiederti se tu sai, perchè io ormai sono 2 settimane che ci provo senza risultati, se è possibile richiamare come "anteprime" non le slide caricate (le foto quindi) ma altre immagini. Ti faccio un esempio pratico: io carico 6 slide con 6 tipologie di foto. Sotto come anteprima, invece di far comparire le foto delle slide volevo far comparire 6 altre piccole foto. Ti spiego il motivo: sono un fotografo e volevo realizzare un portfolio dove al posto delle anteprime inserisco delle categorie di foto: paesaggi, uomo&donna, artistiche ecc e cosi cliccando su paesaggi visualizzo una foto esempio della categoria paesaggio... spero sia stato chiaro..purtroppo non sono espertissimo :D aspetto una gentile risposta. Grazie mille in anticipo Ciao,
utilissima guida…proprio quello che cercavo! Mi sto adoperando per modificare e personalizzare un po lo script…

Volevo chiederti se tu sai, perchè io ormai sono 2 settimane che ci provo senza risultati, se è possibile richiamare come “anteprime” non le slide caricate (le foto quindi) ma altre immagini.

Ti faccio un esempio pratico:

io carico 6 slide con 6 tipologie di foto. Sotto come anteprima, invece di far comparire le foto delle slide volevo far comparire 6 altre piccole foto. Ti spiego il motivo: sono un fotografo e volevo realizzare un portfolio dove al posto delle anteprime inserisco delle categorie di foto: paesaggi, uomo&donna, artistiche ecc e cosi cliccando su paesaggi visualizzo una foto esempio della categoria paesaggio…

spero sia stato chiaro..purtroppo non sono espertissimo :D

aspetto una gentile risposta.
Grazie mille in anticipo

]]> Di: Mauro Accornero http://www.howtoweb.it/tutorial/realizzare-slideshow-complessi-con-jquery-cycle/comment-page-1/#comment-224 Mauro Accornero Wed, 25 Nov 2009 16:23:23 +0000 http://www.howtoweb.it/?p=467#comment-224 Ciao Stefano, direi che se le immagini ti si presentano una sotto l'altra, il javascript ha qualche problema, potrebbe essere un problema di sintassi o un'errata inclusione del file. Scrivimi a info@howtoweb.it, girami i files su cui stai lavorando così vediamo dov'è il problema. Ciao Stefano, direi che se le immagini ti si presentano una sotto l’altra, il javascript ha qualche problema, potrebbe essere un problema di sintassi o un’errata inclusione del file. Scrivimi a info@howtoweb.it, girami i files su cui stai lavorando così vediamo dov’è il problema.

]]> Di: Stefano http://www.howtoweb.it/tutorial/realizzare-slideshow-complessi-con-jquery-cycle/comment-page-1/#comment-223 Stefano Wed, 25 Nov 2009 16:01:07 +0000 http://www.howtoweb.it/?p=467#comment-223 ciao volevo sapere io ho provato ha fare questo slideshow perchè ho la necessità di far apparire un commento sotto ogni foto, solo che quando vado ad aggiungere la div per il commento e le funzioni ad essa collegata le foto nn mi girano più anzi me le mette tutte quante sulla pagina una solto l'altra. Sapreti aiutarmi, ti anticipò che nn sono molto pratico quindi spero di essere stato chiaro nell'esporti il mio problema, nel caso se ti è possibile mi invieresti tramite mail i file di prova dell'esempio che hai messo in rete. Grazie ciao
volevo sapere io ho provato ha fare questo slideshow perchè ho la necessità di far apparire un commento sotto ogni foto, solo che quando vado ad aggiungere la div per il commento e le funzioni ad essa collegata le foto nn mi girano più anzi me le mette tutte quante sulla pagina una solto l’altra.
Sapreti aiutarmi, ti anticipò che nn sono molto pratico quindi spero di essere stato chiaro nell’esporti il mio problema, nel caso se ti è possibile mi invieresti tramite mail i file di prova dell’esempio che hai messo in rete.
Grazie

]]> Di: Mauro Accornero http://www.howtoweb.it/tutorial/realizzare-slideshow-complessi-con-jquery-cycle/comment-page-1/#comment-220 Mauro Accornero Wed, 25 Nov 2009 11:04:15 +0000 http://www.howtoweb.it/?p=467#comment-220 E' fattibile, avevo fatto una cosa del genere per un lavoro qualche tempo fa. Essendo il div delle thumbnail indipendente da quello della galleria è possibile gestirlo con jquery e css. In quel caso avevo inserito il div delle thumbnail con larghezza, altezza e overflow hidden, all'interno un altro div e le thumbnail. Con jquery permettevo all'utente di muovere il div interno contenente le thumbnail creando una "maschera" l'overflow hidden dell'elemento padre. La cosa più complessa è contare gli elementi all'interno del div e calcolare lo spazio occupato per far muovere correttamente le thumbnail. Dovrei fare un articolo per spiegare meglio, per il momento se ti basta ti lascio questo link come esempio <a href="http://www.now-studio.com/2009/08/mi-piaci-cosi/" target="blank" title="Studio Now - Servizi Fotografici per Matrimoni" rel="nofollow">Studio Now - Servizi Fotografici per Matrimoni</a>. E’ fattibile, avevo fatto una cosa del genere per un lavoro qualche tempo fa.
Essendo il div delle thumbnail indipendente da quello della galleria è possibile gestirlo con jquery e css. In quel caso avevo inserito il div delle thumbnail con larghezza, altezza e overflow hidden, all’interno un altro div e le thumbnail. Con jquery permettevo all’utente di muovere il div interno contenente le thumbnail creando una “maschera” l’overflow hidden dell’elemento padre. La cosa più complessa è contare gli elementi all’interno del div e calcolare lo spazio occupato per far muovere correttamente le thumbnail. Dovrei fare un articolo per spiegare meglio, per il momento se ti basta ti lascio questo link come esempio Studio Now – Servizi Fotografici per Matrimoni.

]]> Di: Mauro Accornero http://www.howtoweb.it/tutorial/realizzare-slideshow-complessi-con-jquery-cycle/comment-page-1/#comment-217 Mauro Accornero Sun, 22 Nov 2009 18:25:09 +0000 http://www.howtoweb.it/?p=467#comment-217 Considerato che le immagini sono presenti nel codice è possibile aggiungere una porzione di script in jquery che presenti un'immagine o una scritta di pre caricamento fino a che il contenuto non è completamente caricato. Considerato che le immagini sono presenti nel codice è possibile aggiungere una porzione di script in jquery che presenti un’immagine o una scritta di pre caricamento fino a che il contenuto non è completamente caricato.

]]> Di: Domenico http://www.howtoweb.it/tutorial/realizzare-slideshow-complessi-con-jquery-cycle/comment-page-1/#comment-216 Domenico Sat, 21 Nov 2009 16:20:37 +0000 http://www.howtoweb.it/?p=467#comment-216 Ciao ti volevo chiedere utilizzando le miniature sotto in caso sono eccessive è possibile inserire tipo uno scroll fatto in js? cioè due freccine a destra e a manca per scorrere le altre foto come il plugin per jquery easyslider sto provando ma con scarsi risultati Ciao ti volevo chiedere utilizzando le miniature sotto in caso sono eccessive è possibile inserire tipo uno scroll fatto in js?
cioè due freccine a destra e a manca per scorrere le altre foto come il plugin per jquery easyslider sto provando ma con scarsi risultati

]]>