Gli ultimi post di Edit
jQuery.popeye 2.0: un’alternativa a Lightbox
Giovedì 22 Aprile 2010 - 11:12
di Cesare Lamanna
A distanza di un anno dall’uscita della prima release, Christoph Schüßler ha presentato la versione 2.0 di jQuery.popeye.
Sin dalla tagline che campeggia sulla pagina del plugin esso viene presentato come un’alternativa a Lightbox e ai suoi numerosi cloni. In cosa consiste la differenza principale?
Continua a leggere jQuery.popeye 2.0: un’alternativa a Lightbox
Categoria: Scripting | Permalink | Commenti (5)
Lightbox in salsa CSS3
Mercoledì 25 Novembre 2009 - 08:19
di Cesare Lamanna
C’erano una volta Lighbox e i suoi fratelli/cloni, con quelle belle gallerie di miniature in griglie squadrate e ordinate. Arrivarono poi le features sperimentali dei CSS3, come le trasformazioni che consentono di ruotare oggetti a piacimento, per cui eccoci qui, l’ultima incarnazione di Lightbox è il trionfo dell’effetto “foto sparse sul tavolo”:
La tecnica sfrutta l’ormai ubiquo jQuery (anche in versione UI), alcune caratteristiche dei CSS3 e PHP (sia per passare i valori di stile relativi alle trasformazioni nel markup HTML sia per applicare automaticamente l’effetto a tutte le immagini contenute in una specifica directory). Ecco il risultato.
C’era pure, comunque, una sorta di precedente.
Categoria: Scripting | Permalink | Commenti (7)
Lightbox, i suoi cloni e il problema del tasto ‘Indietro’ del browser
Mercoledì 14 Ottobre 2009 - 08:23
di Cesare Lamanna
A prescindere dalla bontà delle soluzioni che propongono, certi post sono davvero illuminanti. Prendiamo questo The Trouble with Lightbox (and its Variants) di Jonathan Cristopher.
Io non avevo mai sospettato né sperimentato che con le diverse varianti di Lightobox potesse esserci un problema di usabilità legato all’uso del tasto ‘Indietro’ del browser. Semplice: ogni volta che ho ingrandito un’immagine, ho sempre usato per chiuderla il pulsante (o il link) apposito presente in qualche angolo del box in sovrimpressione. Mai mi è venuto in mente di farlo usando il tasto ‘Indietro’ del browser.
A quanto pare, invece, come testimonia l’esperienza di Cristopher con molti suoi clienti, questo è quanto avviene tante e tante volte. L’esito? Ci si ritrova buttati fuori dalla pagina e reindirizzati al sito (o alla pagina) visitata immediatamente prima. Mi è bastato fare una semplice prova per verificare che così avviene in effetti.
Se dunque un problema c’è, ecco che Cristopher propone la soluzione, basta sull’uso di SWFAddress. Ecco una demo, provate a ingrandire un’immagine e a cliccare sul tasto ‘Indietro’. Per i dettagli sull’implementazione basta dare una sbirciata al codice dell’esempio.
Categoria: Scripting | Permalink | Commenti (9)
Lightbox Festival
Mercoledì 1 Luglio 2009 - 08:29
di Riccardo Degni
Dopo avere presentato innumerevoli soluzioni “alla Lightbox” qui su Edit, tra cui le recenti SuperBox, TinyBox e PiroBox, era scaturita una discussione su quale sia la soluzione migliore da scegliere.
Forse non sapremo mai qual è la soluzione più appetibile, però possiamo davvero sbizzarrirci dando un’occhiata a questa lista denominata 30+ Useful Ajax Lightbox and Modal Dialog Solutions.
Oltre alle infinite voci di cloni di Lightbox, troveremo anche i Lightbox Generators, le finestre modali e le “soluzioni alternative”.
Scegliere una qualsiasi soluzione alla Lightbox ora non sarà più un problema.
Categoria: Scripting | Permalink | Commenti (4)
SuperBox
Martedì 16 Giugno 2009 - 09:00
di Riccardo Degni
La produzione di cloni di Lightbox non accenna a terminare: dopo PiroBox (e la soluzione standalone TinyBox), ecco SuperBox, ancora Lightbox, ancora per jQuery.
Ora, le caratteristiche sono sempre piuttosto simili: in primis la semplicità di utilizzo, sia nella parte HTML (in questo caso la parte fondamentale consiste negli attributi rel e href) che nella controparte Javascript, dove il tutto ruota attorno alla funzione superbox (ed alle eventuali opzioni):
$(function(){
$.superbox();
});
Abbiamo poi la possibilità di personalizzare il CSS e, come si nota nelle demo, di impostare le dimensioni della finestra oppure lasciare che sia lo script a calcolarle, creare gallerie di animazioni, includere iframe e contenuti HTML.
Documentazione e download si trovano direttamente nella home del progetto.
A questo punto, dopo avere analizzato innumerevoli progetti che portano alla creazione di finestre modali, vi chiedo, qual è la vostra soluzione Lightbox preferita (sia in coppia con un framework, sia standalone)?
Categoria: Scripting | Permalink | Commenti (6)
TinyBox: Lightbox standalone
Mercoledì 27 Maggio 2009 - 08:49
di Riccardo Degni
TinyBox è un’applicazione Javascript scritta da Michael Leigeber, dall’irrisorio peso di 3.5 kb, che permette di creare delle Lightbox (ovviamente con meno feature) senza avere la necessità di inserire un determinato framework nella pagina.
Michael ci aveva già abituato a script standalone di sicuro impatto, come i tooltip, il table sorter e lo slideshow.
La pagina delle demo ci mostra 3 situazioni differenti. Una lightbox con contenuti HTML, un’altra contenente un’immagine ed un’altra ancora che si auto-nasconde automaticamente dopo 3 secondi.
Ovviamente, possiamo includere anche contenuti caricati tramite Ajax.
TinyBox è la dimostrazione lampante che per creare applicazioni di qualità e sicuro impatto non sempre occorre avvalersi dei framework.
Categoria: Scripting | Permalink | Commenti (4)
piroBox: (ancora) Lightbox per jQuery
Venerdì 22 Maggio 2009 - 08:22
di Riccardo Degni
piroBox è un’applicazione realizzata con jQuery che permette di creare gli effetti Lightbox con le immagini. Tra le features offerte dal plug-in troviamo il ridimensionamento automatico delle immagini basato sulle dimensioni della finestra, i link prev/next posizionabili a piacimento e ovviamente la possibilità di personalizzare stili e CSS.
Ecco le demo della versione 1.1 presenti nella pagina ufficiale dello script:
Qui invece, è possibile visualizzare le precedente versione (1.0) di piroBox in azione, con tanto di demo, documentazione e download.
Categoria: Scripting | Permalink | Commenti (7)
Drupal, visualizzare immagini con effetto Lightbox
Mercoledì 11 Febbraio 2009 - 09:47
di massimo.giagnoni
Il modulo Lightbox2 consente di visualizzare immagini, ma anche video o semplici contenuti HTML, in un riquadro che si sovrappone in primo piano al contenuto senza che venga aperta una nuova finestra del browser.
In questo modo si può ad esempio consentire la visualizzazione della versione ingrandita di una immagine, senza costringere i visitatori a lasciare la pagina corrente e quindi essere costretti a tornarvi con il tasto “Indietro” del browser.
Il modulo è basato sullo script Lightbox di Lokesh Dhakar, ma è stato modificato per fare uso di jQuery: quindi, a differenza di quanto accade per moduli analoghi, una volta installato e attivato il modulo Drupal non è richiesta l’installazione manuale di alcuno script aggiuntivo.
Continua a leggere Drupal, visualizzare immagini con effetto Lightbox
Categoria: CMS | Permalink | Commenti (2)
Lightbox: arriva Braccio di Ferro
Lunedì 24 Novembre 2008 - 10:12
di Andrea Zilio
Questa volta non si tratta di un clone: Popeye è un plugin per JQuery che si propone come vera alternativa a Lightbox, con un interfaccia ed un approccio differente.
Due, secondo l’autore, i principali difetti delle classiche Lightbox:
- offrirebbero spesso un look & feel non coerente con il resto del sito
- sarebbero in realtà simili ai vecchi pop-up dal momento che l’immagine appare su un livello differente e distaccato dalla pagina web
La soluzione?
Continua a leggere Lightbox: arriva Braccio di Ferro
Categoria: Scripting | Permalink | Commenti (11)
YOOeffects: lightbox, reflection e spotlight su Joomla
Martedì 27 Maggio 2008 - 15:04
di gianmarco.odorizzi
YOOeffects è un plugin per Joomla prodotto da Yootheme.com, nota compagnia di template ed estensioni commerciali per il CMS Joomla!. Il plugin è disponibile e installabile nativamente per le serie 1.0 ed 1.5 e questo garantisce ottime prestazioni in base alla versione di Joomla installata sul proprio sito.
Grazie a questo semplice add-on si avrà la possibilità di inserire all’interno dei propri contenuti Joomla lightbox, reflection e spotlight, effetti che possono essere applicati a documenti multimediali, come immagini e nel caso di lightbox sono supportati anche video (interni o esterni al sito) e pagine web.
Continua a leggere YOOeffects: lightbox, reflection e spotlight su Joomla
Categoria: CMS | Permalink | Commenti (2)