Lightbox Effetti Ombra

September 15

Lightbox Effetti Ombra


Web designer devono affrontare una serie di dilemmi quando si tratta di creare un pacchetto visivamente accattivante per il loro contenuto web. Webmaster devono creare un'estetica che è appropriato per il tipo di materiale e generare interesse con effetti interessanti - il tutto mentre considerando l'eventuale necessità di modifiche veloci in futuro. Fortunatamente, strumenti come ID forniscono semplice, elegante presentazione dei contenuti (come cornici in ombra) con semplici comandi che possono essere modificati con il minimo sforzo.

Che cosa è ID?

ID è un facile da usare java script discreto per l'aggiunta di sovrapposizioni di immagini per l'immagine di una pagina web. Si richiede l'installazione minimale e funziona con i browser moderni, nonché all'interno dei fogli quadro CSS (Cascading Style). In breve, ID permette di mostrare immagini web come overlay su una pagina web. Ti dà la possibilità di presentarli in una finestra in stile pop-up con vari effetti, tra cui dinamica ridimensionamento, didascalie, controlli di navigazione e le ombre.

Caratteristiche attuali Lightbox

A partire da settembre 2011, la versione corrente ID è 2.05. Esso supporta una serie di funzionalità non presenti nella incarnazione originale. Invece di essere limitato a singoli effetti di immagine, è ora possibile utilizzare l'immagine fissa di utilizzare i controlli del contenuto. Supporta inoltre tutte le transizioni pantaloni fantasia tra cui la possibilità di passare tra le immagini in modo tridimensionale. Mentre l'ultima versione è completamente compatibile, sarà necessario installare il quadro Prototype e Scriptaculous Effects Library di utilizzare le sue nuove funzionalità.

Lightbox Effetti Ombra

effetti Lightbox ombra sono varianti su livello del colore o la trasparenza che danno i mezzi di comunicazione ha evidenziato una presentazione stile vignetta. Li controllare tramite un'applicazione intelligente della sceneggiatura CSS e un file grafico PNG impostato come un overlay per l'intera pagina. A causa del modo insolito che Internet Explorer si occupa di trasparenze PNG, il codice che consente di utilizzare l'effetto ombra è un po 'goffo, che richiede l'inserimento della linea "filtro: progid: DXImageTransform.Microsoft.AlphaImageLoader (src =" overlay. png ", sizingMethod =" scala ")" per la descrizione sovrapposizione in modo che funzioni correttamente in tale ambiente. margini CSS possono anche causare l'effetto ombra per non riescono a coprire l'intera pagina, così si dovrebbe impostare i margini a zero nel foglio di stile.

Alternative alla Lightbox

Mentre ID è in grado di creare vignette visivi e ombre per i media del tuo sito web, non è l'unica opzione leggero e semplice là fuori. Shadowbox, per esempio non richiede quadri aggiuntivi, né richiede codici HTML markup peculiari per operare. Slimbox è un clone ID che utilizza la libreria jQuery ed è pienamente compatibile con gli script Lightbox. Ceebox, Floatbox e Multibox sono altri sostituti degni di nota che sono facili da usare e aggiungere ancora più funzioni, come il più ampio supporto dei media e maggiori opzioni di effetti.


Articoli Correlati