The Developer Inside

Allora, ho creato un piccolo javascript per creare una semplicissima galleria con effetto foto sfogliate. Avevo notato una galleria di questo genere fatta con jQuery, è mi sono chiesto quanto fosse difficile crearla per mooTools. Direi non molto.
mooCicle richiede mooTools 1.11. Intanto ecco a voi la demo della gallery.

demo

Ho testato lo script su IE6, FireFox 2 e Safari 3 beta. Definirei lo script in beta, ma anche in alpha. Diciamo versione 0.1.

La gallery usa un elenco menu (ul) con le immagini direttamente nei li.
Un codice di questo genere:

<ul id="moocircle">
	<li><img src="images/1.jpg" alt="" /></li>
	<li><img src="images/2.jpg" alt="" /></li>
	<li><img src="images/3.jpg" alt="" /></li>
</ul>

L’ID moocircle è necessario per il funzionamento. Lo script parte in automatico al onload della pagina.

Componenti di mooTools necessari per l’utilizzo

Core

• Core.js

Class

• Class.js
• Class.Extras.js

Native

• Array.js
• String.js
• Function.js
• Number.js
• Element.js

Element

• Element.Filters.js
• Element.Selectors.js

Effects

• Fx.Base.js
• Fx.CSS.js
• Fx.Style.js
• Fx.Transitions.js

Scarica mooCicle 0.1