[Javascript] Plaatje linken

[XippIX]

Ik ben bezig met een standaard lightbox (jQuery, evolution).

Nu roep ik de pop-up aan met de volgende code:

code:

              <script type="text/javascript">
    jQuery(document).ready(function($){
      $.lightbox("assets/intro.jpg");
    });
  </script>

Vraag: hoe krijg ik aan de afbeelding "intro.jpg" een link gekoppeld?

Ik heb al geprobeerd om:

code:

.click(function() {
  var html = $("hier de link");

te plaatsen. Maar dit krijg ik ook niet werkend. Ik zie het even niet. Iemand een idee?

[krvabo]

Ik vind het een beetje apart. Dat 'lightbox evolution' lijkt een betaalt script te zijn. Als dat zo is, en je hebt er voor betaald, dan heb je uiteraard support van de ontwikkelaar. Er zijn overigens honderden zo niet duizenden van dit soort gratis scripts.

In de voorbeelden van de website ( http://www.aerowebstudio.net/codecanyon/jquery.lightbox/ ) zijn volgens mij genoeg voorbeelden te vinden over hoe je het kunt laten werken.

Zo kun je het ook zo laten werken, voor een meer dynamische opbouw van je lightbox (ipv statisch zoals je nu doet met een vaste url).

HTML:

<a href="assets/intro.jpg" class="lightbox">[hier kan een <img> met thumbnail]</a>

JavaScript:

$.lightbox();

Hier heb je nog uitleg over events die je kunt binden (wellicht ook onclick?) en hier heb je uitleg over hoe je knoppen er overheen kunt leggen (met je link).

[XippIX]

Hey krvabo!

bedankt voor je feedback! super. Ik heb het script ook gekocht voor die 12 dollar, had hem ook al gemaild, maar dat is alweer een aantal dagen geleden en kreeg nog geen feedback, vandaar even hier op een snelle "hulp" manier (je kent het wel, 2de paasdag, vrije dag, even snel wat in orde maken)

Ik ga even kijken of ik het met een onlick voor elkaar kan krijgen

[XippIX]

ik heb nu het volgende:

code:

 <script type="text/javascript">
    jQuery(document).ready(function($){
  var html = $("<div class='center'>hier tekst</div>");

  $.lightbox(html, {
    width   : 350,
    height  : 150
  });
  
  return false;
});
  </script>

Dit gaat nu goed, de popup komt naar voren met: "hier tekst"
Als ik vervolgens hier in HTML een afbeelding in wil voegen + link, dat werkt de popup niet meer.

Iemand een idee?

[Barryvdh]

Hoe ziet die code er uit dan?
En kan je niet een divje maken, en naar het ID linken, zoals http://www.aerowebstudio.....php?theme=default#help20

[C0rnelis]

De code die je nu hebt gepost wordt uitgevoerd zodra de pagina zo'n beetje klaar is met laden. Heb je wel goed naar de voorbeelden gekeken? Wat jij wilt proberen staat volgens mij letterlijk tussen de voorbeelden: http://www.aerowebstudio.....php?theme=default#help33

Maar, zoals ook Barry al aangeeft: heb je al eens simpelweg geprobeerd inline content te gebruiken? Dat kost je waarschijnlijk minder moeite voor hetzelfde effect.

[NMe]

Wat een gaar script is dat. De meeste lightbox-scripts die ik ken kijken gewoon naar een alle a-elementen met een bepaalde class, nemen daar de href van en ondervangen automatisch de onclick om vervolgens die link in een lightbox te tonen in plaats van op een aparte pagina/tab. Het eindresultaat daarvan is dat je vaak alleen op DOM-ready even een method aan moet roepen van die lightbox-class en dan gaat alles vanzelf... Als ik het script van de topicstarter goed begrijp moet je voor elk plaatje precies gaan aangeven waar hij naar moet linken en vervolgens kan het script er pas wat mee. Ik noem dat verspild geld, niet in de laatste plaats vanwege al het onderhoud dat je eraan moet plegen bij updates van de site (en dus nieuwe plaatjes).

[ Voor 3% gewijzigd door NMe op 09-04-2012 16:33 ]

[C0rnelis]

Een blik op de example pagina leert echter dat deze variant op lightbox dat net zo goed ondersteunt met behulp van classes.

[NMe]

Dan moet XippIX niet zo moeilijk doen.