Nieuw 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:
function onclickHandler(e)
{
// Browser compatibility code
var targ;
if (!e){var e = window.event;}
if (e.target)
{ targ = e.target;
var xpos=(e.pageX); var ypos=(e.pageY);}
else if (e.srcElement)
{ var xpos=(event.x); var ypos=(event.y);
targ = e.srcElement;}
// Strip file name from image src
var spath=targ.getAttribute('src');
wholePathLength=spath.length;
strippedPathLength=spath.substring(0,spath.lastIndexOf("/")).length;
ifm= spath.substring(strippedPathLength+1,wholePathLength);
// Store file name in holder for use by popup windoow
document.getElementById('fileNameHolder').value=ifm;
// Open the window at location of thumbnail image
var pos = "left="+xpos+",top="+ypos;
window.open("imageViewerPopup.htm","imageWindow","width=18,height=18,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,"+pos);
}
// Attach event handlers to all images within container
function attachEventhandlers()
{
ContainerElement=document.getElementById('ImageContainer')
TDCol=ContainerElement.getElementsByTagName('TD');
if (TDCol!=null)
{for (l=0; l<TDCol.length; l++)
{
IMGCol=TDCol.item(l).getElementsByTagName("IMG");
IMGCol.item(0).style.cursor="pointer"
IMGCol.item(0).setAttribute('id',"Image"+l)
IMGCol.item(0).onclick=onclickHandler;
}
}
}
function onclickHandler(e) { // Browser compatibility code var targ; if (!e){var e = window.event;} if (e.target) { targ = e.target; var xpos=(e.pageX); var ypos=(e.pageY);} else if (e.srcElement) { var xpos=(event.x); var ypos=(event.y); targ = e.srcElement;} // Strip file name from image src var spath=targ.getAttribute('src'); wholePathLength=spath.length; strippedPathLength=spath.substring(0,spath.lastIndexOf("/")).length; ifm= spath.substring(strippedPathLength+1,wholePathLength); // Store file name in holder for use by popup windoow document.getElementById('fileNameHolder').value=ifm; // Open the window at location of thumbnail image var pos = "left="+xpos +",top="+ypos ; window .open ("imageViewerPopup.htm","imageWindow","width=18,height=18,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,"+pos);} // Attach event handlers to all images within container function attachEventhandlers() { ContainerElement=document.getElementById('ImageContainer') TDCol=ContainerElement.getElementsByTagName('TD'); if (TDCol!=null) {for (l=0; l<TDCol.length; l++) { IMGCol=TDCol.item(l).getElementsByTagName("IMG"); IMGCol.item(0).style.cursor="pointer" IMGCol.item(0).setAttribute('id',"Image"+l) IMGCol.item(0).onclick=onclickHandler; } } }
|