Ciao a tutti. Avrei necessità di integrare questo script
http://www.dynamicdrive.com/dynamici...thumbnail2.htm
in una applicazione che si intefaccia a un database. Il mio problema è che una volta che recupero il testo alt dal db vorrei poterlo visualizzare sia sulla miniatura che sulla foto grande.
Per la miniatura è stato facile ma non riesco a integrarlo nel codice per mostrarlo nella foto grande. Qualcuno mi darebbe una mano? Ciao e grazie.
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
/***********************************************
* Image Thumbnail Viewer II script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
//Specify image paths and optional link (set link to "" for no link):
var dynimages=new Array()
dynimages[0]=["foto1.jpg", ""]
dynimages[1]=["foto2.jpg", ""]
//Preload images ("yes" or "no"):
var preloadimg="yes"
//Set optional link target to be added to all images with a link:
var optlinktarget=""
//Set image border width
var imgborderwidth=0
//Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+:
var filterstring="progidXImageTransform.Microsoft.GradientWipe(GradientSiz e=1.0 Duration=0.5)"
///////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]'+theimg[0]+'[/img]'
// SUPPONGO CHE VADA ACCODATO QUI MA COME FACCIO A MOSTRARE QUELLO GIUSTO?
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>
[img]tfoto1.jpg[/img]
[img]tfoto2.jpg[/img]
<div id="dynloadarea" style="width:80px;height:225px"></div>
</body>
</html>
Rispondi quotando
