Personal tools

Nov 23, 2012

Slider di impatto: due suggerimenti

Due spunti per realizzare uno slider diverso dal solito: un dettagliato tutorial per uno slideshow di grande impatto grafico e un plugin per un'utilissima timeline

Fullscreen Slit Slider

Come creare velocemente uno slider che sia anche molto attraente? Anche l'occhio vuole la sua parte, no? Vi riporto un tutorial molto interessante su come, usando JQuery e CSS, è possibile creare uno slideshow fullscreen di grande effetto.

Sono infatti le stesse slide che aprono la slide corrente tagliandola a metà durante la navigazione.

Il tutorial e la demo

Questa immagine è presa dal tutorial stesso, che usa a sua volta animal icon font di Alan Carr.

 

 

Fancy Timeline

Quando ho visto questo Plugin mi è venuta voglia di raccontare una storia per poterlo utilizzare!

Si tratta di un Plugin per integrare una timeline in uno slider, i cui componenti sono HTML e Javascript.

L'autore, Juan Manuel Aguero, promette nuove feature:
  • native video support
  • customization examples
  • more themes!
Il plugin e la demo

Queste immagini sono prese dalla demo.

 

 

Spero che siano stati spunti interessanti per plasmare un nuovissimo slider. Buon divertimento!

L'immagine in testata è di Defalkner

comments powered by Disqus