login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Gebruikers toestaan images te downloaden met Lightbox2 en JQuery (Opgelost)

Offline Martijn2008 - 05/08/2009 01:29
Avatar van Martijn2008PHP beginner Beste Sitemasters,

Ik gebruik LightBox2 in combinatie met JQuery. Standaard kun je een image omschrijving toevoegen. Deze omschrijving verschijnt mooi in het LightBox2 venster als je op een thumbnail klikt. Ik zou graag in plaats van die omschrijving een link willen toevoegen met: klik hier om de image te downloaden. Weet iemand misschien hoe ik dat kan doen?

Bedankt alvast voor jullie hulp!

Groeten,

Martijn

6 antwoorden

Gesponsorde links
Offline wvmaaren - 05/08/2009 10:53
Avatar van wvmaaren Nieuw lid Als je je source even plaatst, zal ik er even naar kijken. Volgens mij kan je namelijk gewoon op de plek waar je nu je omschrijving zet, ook een a href posten.
Offline Martijn2008 - 05/08/2009 12:05
Avatar van Martijn2008 PHP beginner Dit is een een link naar de sourcecode.
Offline wvmaaren - 05/08/2009 13:20
Avatar van wvmaaren Nieuw lid En de source van je html / php file?
Offline Martijn2008 - 05/08/2009 13:32
Avatar van Martijn2008 PHP beginner Je kunt het complete pakket van deze website downloaden(JQuery + Lightbox + HTML/CSS file).
Offline wvmaaren - 05/08/2009 13:49
Avatar van wvmaaren Nieuw lid Ik heb even voor je gekeken en het is heel simpel..
Je gebruikt nu:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <li>
  2.                         	<a href="photos/image1.jpg" title="For this example: $('#gallery a').lightBox();">
  3.                             	<img src="photos/thumb_image1.jpg" width="72" height="72" alt="" />
  4.                             </a>
  5.                         </li>


om de image aan te roepen en het "title" gedeeltje van je <a> wordt gebruikt om de titel van de foto toe te voegen aan je lightbox.

je kan hier gewoon een link inzetten, je moet dan wel opletten dat je enkele quotes gebruikt!

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <li>
  2.                         	<a href="photos/image1.jpg" title="<a href='http://www.google.nl' target='_blank'>klikker de klik</a>">
  3.                             	<img src="photos/thumb_image1.jpg" width="72" height="72" alt="" />
  4.                             </a>
  5.                         </li>
Offline Martijn2008 - 05/08/2009 13:57
Avatar van Martijn2008 PHP beginner Superieur, bedankt, helemaal niet gedacht aan die single quotes. ThnX  !
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.2s