Lightbox skyggeeffekter

Webdesignere står overfor en rekke dilemmaer når det gjelder å skape et visuelt tiltalende pakke for deres web-innhold. Webmastere må skape en estetikk som passer for den type materiale og skape interesse med interessante effekter - alt mens vurderer eventuelle behov for raske endringer i fremtiden. Heldigvis verktøy som Lightbox gi enkel, stilig innhold presentasjon (som skygget rammer) med enkle kommandoer som du kan redigere lettfattelig.

Hva er Lightbox?

Lightbox er en enkel å bruke diskret javaskript for å legge inn overlegg på en nettside bilde. Den krever minimalt oppsett og arbeider med moderne nettlesere samt innenfor Cascading Style Sheets (CSS) rammeverk. Kort sagt, gjør Lightbox du vise web bilder som overlegg på en webside. Det gir deg muligheten til å presentere dem i et pop-up stil vindu med ulike effekter, inkludert dynamisk re-sizing, bildetekster, navigasjonskontroller og skygger.

Gjeldende Lightbox Funksjoner

Per september 2011, er den nåværende Lightbox versjon 2.05. Den støtter en rekke funksjoner som ikke finnes i den opprinnelige inkarnasjon. I stedet for å være begrenset til enkeltbildeeffekter, kan du nå bruke bildet setter å utnytte innholdskontroller. Den støtter også alle de fancy bukser overganger inkludert muligheten til å veksle mellom bilder i en tredimensjonal måte. Mens den nyeste versjonen er helt bakoverkompatibel, må du installere Prototype Framework og Scriptaculous Effects Library til å utnytte de nye funksjonene.

Lightbox skyggeeffekter

Lightbox skyggeeffekter er varianter med farge eller gjennomsiktighet nivå som gir den uthevede media en vignett stil presentasjon. Du kontrollere dem via en smart bruk av CSS manus og en PNG grafikkfil satt som et overlegg for hele siden. På grunn av den uvanlige måten Internet Explorer omhandler PNG transparenter, koden som gjør at du kan bruke skyggeeffekt er litt clunky, som krever inkludering av linjen "filter: progid: DXImageTransform.Microsoft.AlphaImageLoader (src =" overlegg. png ", sizingMethod =" scale ")" til overlegget beskrivelse slik at den vil fungere riktig i et slikt miljø. CSS marginer kan også føre til at skyggeeffekt for å mislykkes i å dekke hele siden, så du bør sette margene til null i stilarket.

Alternativer til Lightbox

Mens Lightbox er i stand til å skape visuelle vignetter og skygger for nettstedets media, er det ikke bare lett og enkelt alternativ der ute. Shadowbox, for eksempel krever ingen ekstra rammer, heller ikke krever særegne html markeringskoder å operere. Slimbox er en Lightbox klone som bruker jQuery biblioteket og er fullt kompatibel med Lightbox skript. Ceebox, Floatbox og multiboks er andre viktige varamedlemmer som er enkle å bruke og legge til enda flere funksjoner, for eksempel bredere mediestøtte og større muligheter effekter.