CSSREVOLT - Protofade, slideshow di immagini e non solo

Protofade, slideshow di immagini e non solo.

Protofade è uno script che consente la creazione di crossfade di immagini e slideshow di vario contenuto. Richiede Prototype e Scriptaculous Effect, degrada piacevolmente con javascript disabilitato.

Protofade si implementa con molta semplicità, e permette di personalizzare alcune opzioni: la durata e l'intervallo della transizione, l'autoplay dello slideshow, l'aggiunta dei pulsanti di controllo e l'opzione random per rendere casuale la slide di partenza.

Ecco il link alla demo e alla descrizione dei parametri di configurazione.

Social:

Commenti

1) 26 febbraio 2009 - inserito da Antonio

Ciao Molto bello questo script L'ho provato e va benissimo, l'unico problema e che mentre in firefox rimane centrato nel div in IE quando caricato sul server si sposta di qualche centimetro a destra.... non ne vengo fuori?????

2) 27 febbraio 2009 - inserito da Filippo Buratti

fammi una cortesia, posta la pagina che hai messo online così vediamo dove stà il problema!! è possibile sia nel CSS

3) 31 marzo 2009 - inserito da Antonio

ecco il link alla pagina di prova http://photony.eu/Nuova%20cartella/index.html In firefox tutto bene invece in IE in visualizzazione compatibilità lo slide si sposta e mi da errore in fondo alla pagina ciao e grazie per l'aiuto.

4) 01 aprile 2009 - inserito da Filippo Buratti

Allora innanzitutto nella funzione startup() crei tre istanze di protoform, come nel mio esempio, quando in realtà tu utilizzi un solo crossfade: ti basta new Protofade('protofade', { Random:true }); il resto è da eliminare. Inoltre includi lo script ac_runactivecontent.js che non è fisicamente presente all'indirizzo src che hai specificato: se non ti serve per embeddare flash è inutile e puoi eliminarlo, altrimenti meglio usare la libreria swfobject.

5) 11 maggio 2009 - inserito da David Wallach

Can you have images for the controls instead of just text?

6) 21 maggio 2009 - inserito da Filippo buratti

You can customize the controls (images instead text) in two ways: 1) with CSS and image replacement. 2) more difficult by changing the javascript function addControls of the class.

7) 29 luglio 2009 - inserito da Sylvain

Well good script, but the slides don't display randomly. Actually just the first slide is random then it's linear, picture after picture. I've tried numerous script using scriptaculous, but it's like i can't find one displaying slides randomly... I'm willing for any idea for doing it. Thank you

8) 30 settembre 2009 - inserito da Gabriel Sobrinho

I liked this script. A small thing what some users may want is stop the effect on mouse over at Protofade element and start again on mouse out. I think this is a good feature to implement. Nice job, thanks

9) 15 febbraio 2010 - inserito da Marko

Cool script! :) it would be great if you adjust controls of slides, like when user clicks on number 3 it takes you to the third slide :)
Very good job ^_^

10) 12 novembre 2010 - inserito da Ale

ciao! lo script è fighissimo però ho un pochettino di problemi nel personalizzarlo leggermente.. vorrei sostituire a "Previous Next Play Stop" delle immagini che appaiano come bottoni dei soliti player.. e poi mi piacerebbe, nel caso in cui ci fossero delle foto verticali, che queste stiano centrate nel protofade.. mi potresti aiutare? cosa devo andare a modificare e con che codici? scusa ma non sono praticissimo e non vorrei incasinare tutto..

11) 05 gennaio 2011 - inserito da Dan

thanks for this script! was trying a different one that was going nuts in IE and this seems to work across all browsers unifomly. very nice and simple!

12) 17 febbraio 2011 - inserito da Erik Spaan

Hi,

great script, I have added caption overlay above the pictures in 2 variants :-)
Would you mind if I place it at github? It would even be better if you would have your code there and I could fork it and add the changes in my forked repository.

Or maybe I can Email my additions to you? Let me know.

regards,
Erik Spaan
Netherlands

L'html nel testo del commento è abilitato: i tag consentiti sono: a, em, strong, p, code, pre, quote e br.

Gli attributi dei tag utilizzabili sono title e href.

CSSREVOLT - blog personale di Filippo Buratti

Protofade, slideshow di immagini e non solo.

Commenti

Menu principale

Categorie

Archivio