Nogen vil måske sige - ikke med urette - nok! Javascript biblioteker (diskret - ikke påtrængende eller delvis) til at administrere billeder og gallerier der er virkelig højt. Anyway her er den liste, med stærke og svage sider, jo bedre jeg følte.
SLIMBOX 1,41
Yderst minimal, 7k (version 1.41), kræver mootools at arbejde. Som angivet på Hjemmeside er en ægte klon grafen Lightbox, som vi vil se nedenfor. Helt ærligt, bortset fra den ekstreme kompakthed af biblioteket, har ingen særlige kendetegn. På samme sted, men du kan også finde et script til at generere ideer runtime ... at begrænse dette kan være nyttige 
Karakter: - 6 - Home Page Slimbox, Home Page Reflection.js for MooTools
Lightbox2
En af de mest berømte og enkel. Opererer i denne udgave er billeder (ikke arbejde med QuickTime, Flash eller andet). For hans operation kræver Prototype og Scriptaculous. Brug rel rel at identificere de links af billeder, der skal forarbejdes:
HTML: rel = "lightbox" title = "my caption" > image #1
</a> <a href = "images/image-1.jpg" rel = "lightbox" title = "my caption"> billede #
1 </ a>
Ligesom andre biblioteker, at vi vil se, støtter lysbilledshow tilstand, sætte i parentes enhver identifikation i en række link / billede:
HTML: rel = "lightbox[roadtrip]" > image #1
</a> <a href = "images/image-1.jpg" rel = "lightbox[roadtrip]"> billede #
1 </ a> rel = "lightbox[roadtrip]" > image #2
</a> <a href = "images/image-2.jpg" rel = "lightbox[roadtrip]"> billede #
2 </ a> rel = "lightbox[roadtrip]" > image #3
</a> <a href = "images/image-3.jpg" rel = "lightbox[roadtrip]"> billede #
3 </ a>
Karakter: 6 - Home Page Lightbox2
LIGHTWINDOW 2.0
Dette er helt almindeligt! Når alt kommer til alt, hvordan man kan forstå, hvad der er de mest anvendte? ;). Hvorom alting er, er omfattende og meget alsidigt. På webstedet står en anmodning om donationer til at købe en Mac ... lidt invasive og presseaggregat ... Men ligesom sin forgænger, for dens drift, kræver Prototype og Scriptaculous. I modsætning til den foregående, dog således, at dette gør moltisiimi typer af filer fra billeder, QuickTime-film, Flash-film, eksterne HTML-sider og PDF. Til gengæld bruger flere attributter, nogle valgfrie author, caption og title andre class params - problem bibliotek). For eksempel, for at se et galleri eller et lysbilledshow vha. rel
HTML: class = "lightwindow" rel = "[Sushi]" title = "Left Behind" caption= "Look's super tasty!" author= "Unknown" > image #1
</a> <a href = "gallery/0-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "Left Behind" caption= "Look's super tasty!" author= "Unknown"> billede #
1 </ a> class = "lightwindow" rel = "[Sushi]" title = "Beware of warewolves..." caption= "I shouldn't be doing this when I am hungry" author= "Unknown" > image #2
</a> <a href = "gallery/1-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "Pas på warewolves ..." billedtekst = "Jeg skal ikke gøre dette, når jeg er sulten" author = "Ukendt"> billede #
2 </ a> class = "lightwindow" rel = "[Sushi]" title = "That was good!" caption= "Take that sushi!" author= "Unknown" > image #3
</a> <a href = "gallery/2-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "That var good!" caption= "Take at sushi!" author= "Unknown"> billede # 3
</ A>
Karakter: 8 - Home Page LightWindow 2.0
SHADOWBOX 1.0b
Selvom det er version 1.0 beta, det er måske det mest omfattende bibliotek, både funktionelle og til at støtte biblioteker. For dens funktion, i virkeligheden, kan du vælge mellem en række rammer, takket være den fil "adapter", der er specielt fremstillet og leveret af forfatteren:
Den visuelle virkning (konfigureres via huden / css), derefter, i modsætning til de andre, er helt sikkert mere spændende. Attributterne er kun rel når den i sin indre rum er alle andre konfiguration parametre. For eksempel, at oprette et galleri, bare brug:
HTML: rel = "shadowbox[Vacation]" > The Beach
</a> <a href = "beach.jpg" rel = "shadowbox[Vacation]"> The Beach </ a> rel = "shadowbox[Vacation]" > The Pier
</a> <a href = "pier.jpg" rel = "shadowbox[Vacation]"> Den Pier
</ a>
Hvis du ønsker at indstille nogle muligheder (se hjemmesiden for komplet liste) blot bruge følgende syntaks:
HTML: rel = "shadowbox;options={overlayOpacity: 0.5, resize: false}" > My Image
</a> <a href = "myimage.jpg" rel = "shadowbox;options={overlayOpacity: 0.5, resize: false}"> Min Image
</ a>
På internettet kan du finde andre, såsom Highslide JS. Ja, hvis du ønsker at fortælle nogle andre bibliotek ... Men personligt foretrækker jeg Shadowbox for enkelhed, skalerbarhed og på tværs af rammer.
Karakter: 9 - Home Page Shadowbox 1.0b
Related Post
Ingen kommentarer » 
