login  Naam:   Wachtwoord: 
Registreer je!
 Forum

geen popups bij foto-album

Offline pieefee - 15/01/2007 19:36
Avatar van pieefeeNieuw lid Kunnen jullie mij helpen?

Ik heb een script gedownload voor een foto-album waarbij met thumbnails gewerkt wordt. Wanneer je op de thumbnails klikt verschijnt de foto in een pop-up. Dat werkt allemaal prima. Maar ik wil graag dat de foto's dan in een div op de pagina verschijnen. (Ik weet dat voor dat principe meerder scripts te krijgen zijn, maar bij dit script is er een soort 'scroll' mogelijkheid om door de thumbnails te scrollen).

Dit is het gedeelte van het script dat ik denk ik aan moet passen:
  1. function onclickHandler(e)
  2. {
  3. // Browser compatibility code
  4. var targ;
  5. if (!e){var e = window.event;}
  6.  
  7. if (e.target)
  8. { targ = e.target;
  9. var xpos=(e.pageX); var ypos=(e.pageY);}
  10.  
  11. else if (e.srcElement)
  12. { var xpos=(event.x); var ypos=(event.y);
  13. targ = e.srcElement;}
  14.  
  15. // Strip file name from image src
  16. var spath=targ.getAttribute('src');
  17. wholePathLength=spath.length;
  18. strippedPathLength=spath.substring(0,spath.lastIndexOf("/")).length;
  19. ifm= spath.substring(strippedPathLength+1,wholePathLength);
  20. // Store file name in holder for use by popup windoow
  21. document.getElementById('fileNameHolder').value=ifm;
  22. // Open the window at location of thumbnail image
  23. var pos = "left="+xpos+",top="+ypos;
  24. window.open("imageViewerPopup.htm","imageWindow","width=18,height=18,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,"+pos);
  25. }
  26.  
  27. // Attach event handlers to all images within container
  28. function attachEventhandlers()
  29. {
  30. ContainerElement=document.getElementById('ImageContainer')
  31. TDCol=ContainerElement.getElementsByTagName('TD');
  32.  
  33. if (TDCol!=null)
  34. {for (l=0; l<TDCol.length; l++)
  35. {
  36. IMGCol=TDCol.item(l).getElementsByTagName("IMG");
  37. IMGCol.item(0).style.cursor="pointer"
  38. IMGCol.item(0).setAttribute('id',"Image"+l)
  39. IMGCol.item(0).onclick=onclickHandler;
  40. }
  41. }
  42. }

1 antwoord

Gesponsorde links
Offline Gerard - 15/01/2007 21:27
Avatar van Gerard Ouwe rakker Zoek op google eens naar Lightbox v2, misschien is dat een script dat wel je goedkeuring kan wegdragen. Ik gebruik het zelf ook op meerdere websites en moet toegeven dat het heel handig in het gebruik is en veel functionaliteit biedt.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.199s