login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[Vraag aangepast] Lightbox image viewer 2.03a (Opgelost)

Offline ekki - 19/01/2011 20:22 (laatste wijziging 20/01/2011 22:29)
Avatar van ekkiLid Ik weet overigens niet goed in welk onderdeel deze vraag moet, mocht hij verkeerd staan, dan mijn excuses daarvoor.

Voor mijn fotografiewebsite (online fotoalbum; http://www.makwafotos.nl) wil ik heel graag een mooi fotoalbum inbouwen, want daar draait hij immers om. Al enige weken ben ik mij bezig in het verdiepen hierin maar volgens mij is dit nog te hoog gegrepen voor mij.  Ik verdwaal in alle informatie die hierover te vinden is en puntje bij paaltje weet ik nog steeds niet hoe ik een fotoalbum moet inbouwen.

Zoiets als siempleviewer staat mij enorm aan, maar iets vergelijkbaars is ook prima. Mijn doel is dat er op http://makwafotos.nl/fotoalbum.html 6 afbeeldingen komen te staan die de albums moeten voorstellen. Wanneer je daarop klikt kom je binnen de site op de fotopagina waar de foto's te zien zijn. Door middel van een rechter of linkerknop kan je dan navigeren naar de volgende foto's. Een overzicht van kleine miniatuurtjes zou ook wensbaar zijn als dat mogelijk is.

Maar hoe begin ik hiermee? Ik ben echt het spoor bijster en weet mij er geen raad mee. Wie o wie kan mij hier mee in de goede richting helpen of zelfs helpen met het betreffende script?

Alvast heel erg bedankt!

[Edit]

Ondertussen ben ik aan de slag gegaan met Lightbox image viewer 2.03a (http://dynamicd.../index.htm). Maar nu krijg ik mijn afbeeldingen maar niet aan de praat zoals te zien is op de tweede demo (http://dynamicd.../sushi.jpg). Wat doe ik fout waardoor het niet lukt? Of moet ik nog iets met mijn CSS doen? Want nu heb ik het alleen op de HTML pagina zelf staan.

Hier is mijn script van de betreffende pagina, en de pagina zelf: http://makwafotos.nl/paarden.html

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  3.  <HEAD>
  4.  
  5. <TITLE> Paarden </TITLE>
  6.   <link rel="stylesheet" href="CSSFOTO.css" type="text/css" />
  7.    <META NAME="Generator" CONTENT="EditPlus">
  8.   <META NAME="Author" CONTENT="MaKwa">
  9.   <META NAME="Keywords" CONTENT="Hobbyfotograaf Leeuwarden">
  10.   <META NAME="Description" CONTENT="Paardenfoto's van MaKWa Foto's">
  11.  
  12.   <script type="text/javascript" src="js/prototype.js"></script>
  13. <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
  14. <script type="text/javascript" src="js/lightbox.js"></script>
  15. <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
  16. </HEAD>
  17.  
  19.   <div class="LOGO"></div> 
  20.   <div class="MENU">
  21. <div class="INDEX"><h4><a href="index.html">Welkom</a></h4></div>
  22.   <div class="BIO"><h4><a href="biografie.html">Biografie</a></h4></div>
  23.     <div class="NIEUWS"><h4><a href="nieuws.html">Nieuws</a></h4></div>
  24.     <div class="ALBUM"><h4><a href="fotoalbum.html" class="selected">Fotoalbum</a></h4></div>
  25.   <div class="EVENE"><h4><a href="fotoreportages.html">Fotoreportages</a></h4></div>
  26.   <div class="ALGVO"><h4><a href="algvoorwaarden.html">Algemene voorwaarden</a></h4></div>
  27.   <div class="CONTACT"><h4><a href="contact.html">Contact</a></h4></div></div> 
  28.  
  29.   <body onload="MM_preloadImages(‘/images/menu_on.gif’)…;initLightbox()">
  30.  
  31.   <div class="TEKSTVAK"><H2>Paarden</H2>
  32. <a href="Fotos/Paarden/11.jpg" "rel="lightbox[roadtrip]" title="072010"><IMG SRC="Fotos/Paarden/11.jpg" WIDTH="150" HEIGHT="100" BORDER="1"></a>
  33. <a href="Fotos/Paarden/12.jpg" rel="lightbox[roadtrip]" title="072010"><IMG SRC="Fotos/Paarden/12.jpg" WIDTH="150" HEIGHT="100" BORDER="1"></a>
  34. <a href="Fotos/Paarden/13.jpg" rel="lightbox[roadtrip]" title="082010"><IMG SRC="Fotos/Paarden/13.jpg" WIDTH="150" HEIGHT="100" BORDER="1"></a>
  35.   </div> <div class="COPYRIGHT"><H3>© MaKwa Foto's</H3></div> 
  36.  </BODY></HTML>

4 antwoorden

Gesponsorde links
Offline cowb - 19/01/2011 21:04
Avatar van cowb Lid Is dit niks voor jou...

http://www.lokeshdhakar.com/projects/lightbox2/

Bovendien heel erg makkelijk in jouw website te integreren.  
Offline ekki - 19/01/2011 22:31 (laatste wijziging 20/01/2011 22:30)
Avatar van ekki Lid Bedankt voor de link! Ik heb er al even mee gepuzzeld en ben tot dit resultaat gekomen: http://www.makwafotos.nl/paarden.html. Maar is het ook mogelijk dat de foto's zich binnen de thuispagina openen of openen ze hiermee alleen maar via een nieuw venster/tabblad?

[edit] Ik heb deze opmerking over het hoofd gezien:
Citaat:
Check the CSS and make sure the referenced prev.gif and next.gif files are in the right location. Also, make sure the loading.gif and close.gif files as referenced near the top of the lightbox.js file are in the right location.


Daar kom ik niet helemaal over uit, maar ik begrijp ondertussen wel dat dit nodig is zodat de foto's in het interne scherm geopend worden.

[edit]

De beginpost is aangepast met een vraag, hoe moet ik nu verder? Want de afbeeldingen krijg ik nog niet werkend zoals zou moeten.
Offline icemar - 21/01/2011 11:52
Avatar van icemar Lid Zo te zien worden de js file niet gevonden
http://www.makwafotos.nl/js/lightbox.js deze bestaat namelijk niet volgens het path wat je aan geeft.
Offline ekki - 23/01/2011 19:28
Avatar van ekki Lid Na wat speurwerk en hulp van anderen is het ondertussen gelukt! Het bestandje wat gedownload moest worden, moest in dezelfde map als de scripts van de website worden geplaatst, dat is mij ontgaan waardoor ik de foto's niet werkend kreeg. Nu doet alles het prima!

Bedankt voor jullie hulp!
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.171s