/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
jQuery.slimbox() hvordan hulan?
Fra : Lauge B


Dato : 18-03-10 19:41

Hej,

Jeg er ikke meget bevendt når det kommer til javascripts, faktisk er
jeg kun lidt bevendt i html og css. Nu er det sådan at jeg rigtig godt
kunne tænke mig at lave et link til en samling billeder der skal vises
ved hjælp af slimbox2 og jquery, problemet er at jeg ikke aner hvordan
jeg udfører det her i et stykke html:

http://code.google.com/p/slimbox/wiki/jQueryAPI#Multiple_images
----------------------------------------------
Multiple images

Call the jQuery.slimbox() function with the following parameters:

jQuery.slimbox(images, startImage, options);

* images is mandatory, it's an array of arrays. The main array
contains one array for each image. The second-level arrays contain the
image URL as a mandatory first element, and the image description as
an optional second element. Example, for 2 images: [["image1.jpg"],
["image2.jpg", "description2"]]
* startImage is mandatory, it's the zero-based index of the image
that you want to show first when Slimbox opens. 0 is the first image
of the array, 1 is the second, etc. Of course, this value must be
smaller than the size of the main array. Most of the time, you will
use 0.
* options is optional, it's the same parameter as the one
described above for displaying a single image.

Examples:

jQuery.slimbox([["cat.jpg", "Nice cat"], ["dog.jpg"]], 0);

jQuery.slimbox([["left.jpg"], ["middle.jpg"], ["right.jpg"]], 1,
{loop: true});
----------------------------------------------

- Jeg kan faktisk ikke finde nogle referencer der arbejder med det
her. Jeg kan sagtens stykke de arrays som han beskriver sammen men
hvordan hulan smider jeg det ind i min html?

Jeg har valgt slimbox fordi det skulle være den hurtigste og mest
kompatible lighbox klon, men hvis der er andre forslag tager jeg gerne
imod dem.

Mvh.
Lauge

 
 
Martin Larsen (19-03-2010)
Kommentar
Fra : Martin Larsen


Dato : 19-03-10 09:34

Lauge B wrote:

> Jeg er ikke meget bevendt når det kommer til javascripts, faktisk er
> jeg kun lidt bevendt i html og css. Nu er det sådan at jeg rigtig godt
> kunne tænke mig at lave et link til en samling billeder der skal vises
> ved hjælp af slimbox2 og jquery, problemet er at jeg ikke aner hvordan
> jeg udfører det her i et stykke html:


Dette ser ud til at være samme plugin, så prøv først om du får svar her:

http://www.digitalia.be/software/slimbox2

Martin

Lauge B (20-03-2010)
Kommentar
Fra : Lauge B


Dato : 20-03-10 09:07

On Fri, 19 Mar 2010 09:33:32 +0100, Martin Larsen
<martin+spamfree+larsen@bigfoot.com> wrote:

>Lauge B wrote:
>
>> Jeg er ikke meget bevendt når det kommer til javascripts, faktisk er
>> jeg kun lidt bevendt i html og css. Nu er det sådan at jeg rigtig godt
>> kunne tænke mig at lave et link til en samling billeder der skal vises
>> ved hjælp af slimbox2 og jquery, problemet er at jeg ikke aner hvordan
>> jeg udfører det her i et stykke html:
>
>
>Dette ser ud til at være samme plugin, så prøv først om du får svar her:
>
>http://www.digitalia.be/software/slimbox2
>
>Martin

Ja jeg har været igennem den side og dens tilhørende google code side
og der er desværre ikke mere dokumentation end det jeg postede :S

Jens Chr. Jensen (20-03-2010)
Kommentar
Fra : Jens Chr. Jensen


Dato : 20-03-10 14:50

Lauge B skrev:

> Ja jeg har været igennem den side og dens tilhørende google code side
> og der er desværre ikke mere dokumentation end det jeg postede :S

Hej

Prøv at kigge på

http://code.google.com/p/slimbox/wiki/jQueryAPI

Der er det ret nøje beskrevet, hvordan man kalder slimbox med direkte
javascript i html (må kunne gøres med onclick) og hvordan man bruger den
smaretere, men uigennemskuelige metode, som er brugt på eksempelsiden.

Det er ret let at gætte fra kildekoden, at funktionen beror på rel
tagget, men ikke lige til at se hvordan. Det er forklaret i wikien.

Tak iøvrigt for, at du henledte min opmærksomhed på slimbox - det ser ud
til at være værd at kigge nærmere på.

Med venlig hilsen
Jens Chr. Jensen


Ukendt (22-03-2010)
Kommentar
Fra : Ukendt


Dato : 22-03-10 14:50

On Sat, 20 Mar 2010 14:50:13 +0100, "Jens Chr. Jensen"
<jcjensen@esenet.dk> wrote:

>Lauge B skrev:
>
>> Ja jeg har været igennem den side og dens tilhørende google code side
>> og der er desværre ikke mere dokumentation end det jeg postede :S
>
>Hej
>
>Prøv at kigge på
>
>http://code.google.com/p/slimbox/wiki/jQueryAPI
>
>Der er det ret nøje beskrevet, hvordan man kalder slimbox med direkte
>javascript i html (må kunne gøres med onclick) og hvordan man bruger den
>smaretere, men uigennemskuelige metode, som er brugt på eksempelsiden.
>
>Det er ret let at gætte fra kildekoden, at funktionen beror på rel
>tagget, men ikke lige til at se hvordan. Det er forklaret i wikien.
>
>Tak iøvrigt for, at du henledte min opmærksomhed på slimbox - det ser ud
>til at være værd at kigge nærmere på.
>
>Med venlig hilsen
>Jens Chr. Jensen


Hej Jens

Jeg takker for opmærksomheden men som jeg skriver har jeg også netop
været dette igennem.

Jeg kan ikke bruge rel tagget fordi jeg vil have en mængde af billeder
vist via slimbox, dette er ifølge den side som du nu også henviser til
kun muligt med:
http://code.google.com/p/slimbox/wiki/jQueryAPI#Multiple_images
Og det har jeg problemer med at få til at virke.

Det var så lidt.

Mvh.
Lauge

Jens Chr. Jensen (22-03-2010)
Kommentar
Fra : Jens Chr. Jensen


Dato : 22-03-10 21:24

Hej Lauge

> Jeg takker for opmærksomheden men som jeg skriver har jeg også netop
> været dette igennem.
>

Det blev jeg også klar over, at du nok havde - jeg havde trykket på
sendknappen, da jeg opdagede, at wikien var på det domæne, du refererede
til. Jeg beklager uopmærksomheden.

> Jeg kan ikke bruge rel tagget fordi jeg vil have en mængde af billeder
> vist via slimbox, dette er ifølge den side som du nu også henviser til
> kun muligt med:
> http://code.google.com/p/slimbox/wiki/jQueryAPI#Multiple_images
> Og det har jeg problemer med at få til at virke.

Hvordan vil du have dem vist - skal de køre automatisk, eller skal
brugeren klikke eller hvad?

Du kan udmærket bruge autoload til at få vist et sæt af billeder, sådan
som det gøres på eksempelsiden:

http://www.digitalia.be/demo/slimbox/

Hvis du kigger på sidens kildekode, kan du se hvordan det er gjort med
rel="lightbox-atomium". Som jeg har forstået det, er det default
(rel="lightbox-gruppenavn" i a-tags, der skal medtages), så billederne
skal bare lægges ind på siden.

Men ellers må du kunne bruge

<a href="#" onClick="jQuery.slimbox(images, startImage, options)"><img
src="thumbnail.jpg" alt="et eller andet" /></a>

Hvis det er mange billeder, er det måske nemmest at pakke det hele ind i
et script, hvor du definerer images i en variabel, som du kan lade
jQuery.slimbox kalde som parameter, istedet for at skulle skrive
array'et ud i selve funktionskaldet.

Jeg håber, at du kan bruge ovenstående til noget. Jeg vil bestemt ikke
påstå, at det er udtømmende, men måske er der noget at forsøge med.

Med venlig hilsen
Jens Chr.

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste