nicht angemeldet
Moin,
ich habe mir aus dem Internet ein Image-Thumbnail-Viewer Script besorgt.
(Thumbnails werden geladen, mit Klick darauf erscheint daneben Foto in groß)
Klappt alles wunderbar, nur fehlt hier leider die Möglichkeit die Fotos zu kommentieren.
Kann mir vielleicht jemand posten, wie und wo man dieses Script ergänzen muss ?
Herzlichen Dank !
Skript:
<head>
...
<script type="text/javascript">
//Specify image paths and optional link (set link to "" for no link):
var dynimages=new Array()
dynimages[0]=["images/photo1.jpg", ""]
dynimages[1]=["images/photo2.jpg", ""]
dynimages[2]=["images/photo3.jpg", ""]
//Preload images ("yes" or "no"):
var preloadimg="no"
//Set optional link target to be added to all images with a link:
var optlinktarget=""
//Set image border width
var imgborderwidth=1
//Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+:
var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.5 Duration=0.7)"
///////No need to edit beyond here/////
if (preloadimg=="yes"){
for (x=0; x<dynimages.length; x++){
var myimage=new Image()
myimage.src=dynimages[x][0]
}
}
function returnimgcode(theimg){
var imghtml=""
if (theimg[1]!="")
imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">'
imghtml+='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'
if (theimg[1]!="")
imghtml+='</a>'
return imghtml
}
function modifyimage(loadarea, imgindex){
if (document.getElementById){
var imgobj=document.getElementById(loadarea)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()
}
imgobj.innerHTML=returnimgcode(dynimages[imgindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false
}
}
</script>
</head>
<body>
...
<table...>
<tr>
<td><a href="#" onClick="modifyimage('dynloadarea', 0)"><img src="images/thumb1.jpg"...></a></td>
<td><a href="#" onClick="modifyimage('dynloadarea', 1)"><img src="images/thumb2.jpg"...></a></td>
<td><a href="#" onClick="modifyimage('dynloadarea', 2)"><img src="images/thumb3.jpg"...></a></td>
...
</tr>
</table>
<div id="dynloadarea" style="..."></div>
...
</body>