Lightbox, får det ikke til jeg :(

[Andreaz69]

Har prøvd å legge inn lightbox funksjonen på mine bilder...

Har prøvd å implentere dette i en eksisterende side, uten hell.

Laget derfor en helt tom side her med kun det som er relatert til lightbox.. fungerer fortsatt ikke...

 

Noen som kan hjelpe meg?

 

Tar man å titter på kildekoden på siden, så får jeg opp at alle linker er i funksjon, siden jeg kan trykke på alle script filene, og lese de direkte i webleseren.

 

Limer inn koden her også:

 

<script type="text/javascript" src="lightbox/js/prototype.js"></script>
<script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />
Test av lightbox.....
<a href="reklamebilder/3.jpg" class="lightbox"><img src="reklamebilder/3.jpg" alt=""></a>

 

Noen som kan hjelpe meg videre? Lest og søkt men blir ikke klokere

[Thomas.]

Du må legge til

 

rel="lightbox"

 

i linken din

 

[Andreaz69]

Hjertelig takk! Brukte eksempelet fra denne siden, og der står det class="lightbox" ..

 

På samme side, står det at man kan lage et enkelt galleri ved å bruke samme rel tag på bildene... Går det da ann å ha et bilde som forside, og flere bilder som kommer opp i en lightbox uten at de må synes på forsiden, slik det fremgår av linken over? Slik at når man trykker på dart-bilde jeg har på test siden, så kan jeg legge til et antall bilder under der?

 

Skal ha få bilder, så kan fint editere dette manuelt inn i koden, uten å måtte legg inn et "gallery" script.

[Andreaz69]

Ser ut til at jeg har funnet en bedre funksjon, ganske så nærme den jeg ønsker (Fra samme side med funksjoner jeg linket til i forrige post)

Men, får det jo ikke til..arg

Hva er feil med denne koden:

<script type="text/javascript" src="lightbox/js/prototype.js"></script>
<script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />

<br>
<br>
<b>Test av lightbox</b>
<br>
<br>	
<input type="submit" class="button" id="lbgallery" value="Open gallery"/>

<script type="text/javascript">
 $(document).ready(function(){


   $("#lbgallery").click(function(ev) {
     $.lightbox(["reklamebilder/3.jpg", "reklamebilder/2.jpg", "reklamebilder/1.jpg"]);
     ev.preventDefault();
   });

 });
</script>

 

Har lagt opp den "siden" her

Endret 22. august 2010 av Banderaz

[Thomas.]

Hmm, den var litt værre

Sikker på at du bruker samme scripts som brukes på eksempel-siden?

Endret 23. august 2010 av Thomas.

[Andreaz69]

Tja, Lastet ned lightbox2, så gikk utifra det.. men kan jo forsøke å kopiere ut scripta fra eksempelsiden. Kommer tilbake med info når det er testet