blogger // writer // student

  • Twitter si veste a nuovo: come cambia la grafica?

    twitterIl social network da 140 caratteri si veste a nuovo. Ma non è solo la grafica a cambiare. Twitter indossa un nuovo abito e propone diverse novità. Via alle pagine aziendali, restyling dei profili, usabilità migliorata. Dal blog ufficiale ecco [...]

  • Elementi e servizi per il lancio memorabile di una startup

    lancio-startupE veniamo al punto caliente della questione: come faccio a lanciare in modo ottimale una startup? Le strategie si sprecano. In rete trovi storie anche molto diverse fra loro. Storie diverse che hanno portato al successo i loro protagonisti. [...]

  • 4 aspetti determinanti delle startup di successo

    verso-il-successoEd eccoci alla seconda puntata di questo articolo dedicato al mondo delle startup, in particolare all’idea di creare una startup. Nella prima puntata ci eravamo occupati dei fattori che determinano il successo di una startup, qui [...]

Web Development

sperimentare nuove opportunità di business // gestione avanzata dei contenuti sul Web // sviluppo di applicazioni in ambiente LAMP

Web Strategist

diffondere il tuo messaggio di business sui social media // trasformare il visitatore in cliente // posizionarsi sui motori di ricerca

Freelance Journalist/Blogger

il contenuto è il tassello dominante di un sito web // pianificare i contenuti // scrivere articoli, news, guide

Home » Resources » 4 jQuery plugins for galleries and images

4 jQuery plugins for galleries and images

galleries

Articolo in lingua inglese di 02 nov 2009 2 Commenti Categorie Resources, Web Design

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

Previous sentence is the official definition of jQuery by his creator.

Here are 4 plugins for galleries and images. Comment with your favorite plugin about this argument.

Pikachoose

Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. Pikachoose is designed to be easily installed, easy to setup, and well… all around easy. Creating an image gallery shouldn’t be a complex thing. I’ve created a new plugin that I’m packaging with PikaChoose called SliderJS.

Alot of people have been asking me for a carousel for PikaChoose, and SliderJS will fulfill your needs! Instructions are included in how to add SliderJS onto your slideshow, but its easy enough to figure out just by peeking at the source code in the included example free of charge!

Galleriffic

Galleriffic was inspired by Mike Alsup’s Cycle plugin, but with performance in mind for delivering a high volume of photos. This is my first experiment with jQuery, so I would love feedback on how to improve this plugin. I am not so great at spelling, and it was much later that I realized that the more appropriate spellings would be Gallerific or Gallerrific, but is too late now for a name change, so Galleriffic remains.

Infinite Carousel

Infinite Carousel is a scrolling carousel that works in the same way the carousel worked on the Apple Mac ads page. This tutorial will walk you through the fundamentals of the effect and how to recreate it.

Developer says:

As with any complicated effect, I always start by looking at the DOM in Firebug and interact with the effect, watching for what changes take effect in the DOM.

What I noticed was the (rendered) DOM structure for the list of images was different to the delivered DOM (i.e. the original markup sent). This means that there’s some significant initialisation code running. This isn’t unexpected for an Apple effect, but there were big clues in to how to create this effect in the difference.

Galleria

Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.

The core of Galleria lies in it’s smart preloading behaviour, snappiness and the fresh absence of obtrusive design elements. Use it as a foundation for your custom styled image gallery.

Autore

Avatar: adminAmo impegnare il mio tempo alla ricerca di quanto più mi fa divertire: scrivere, programmare, studiare e sperimentare. Perennemente connesso a Internet, non riesco a immaginare la mia vita senza Linux, Mac e informatica.

Kiko - 225 articoli

2 comments

  1. 02 nov 2009 - 10:29 Trackback: diggita.it
  2. 02 nov 2009 - 10:32 Trackback: designfloat.com

Invia un commento





Puoi usare i seguenti HTML:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Ultimo progetto

cpp-portfolio

Contadini per Passione

SEO/SEM, Ufficio Stampa Online, Web Copywriting, Web Development

...portfolio

Socializziamo

Engineered (?) by Francesco 'Kiko' Corsentino