Bon, je me réponds partiellement à moi-même :-D
j'ai trouvé une (grande) partie de ce que voulais faire ici :
Image thumbnail viewer II
cependant, après avoir fait le tour du code , j'ai un souci pour "paramétrer" la taille du popup a faire surgir. Par rapport au code original, j'ai ajouté une fonction popup que j'apelle par un onClick mais ca fonctionne pas seulle <a href="#" est pris en compte ca ne lit pas plus loin...
Si vous avez un avis sur ce morceau de code (mis à part qu'il n'est pas optimisé) ?
Merci d'avance
| CODE |
var dynimages=new Array()
dynimages[0]=["book/intropf.jpg", ""]
dynimages[1]=["book/flynt3.jpg", "frame_anim.htm"]
//etc mon array est ici dynimages[1]=[...]
var preloadimg="no"
var optlinktarget="newwin"
function popup()
{
var h = 500; // hauteur de la popup
var l = 600; // largeur de la popup
var PosX = ( screen.availWidth - h ) / 2;
var PosY = ( screen.availHeight - l ) / 2;
var option = "resizable=no,top="+PosY+",left="+PosX+",width="+h+",height="+l;
window.open("","newwin",option);
}
var imgborderwidth=0
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]!="")
// JE RAPELLE LES PARAMETRES POPUP AVEC LA COMMANDE CI DESSOUS
imghtml='<a href="#" onClick="popup('+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
}
}
|
dans le BODY :
| CODE |
<a href="#" style="cursor:hand; cursor:pointer" onclick="return modifyimage('dynloadarea', 1)"><img src="test.gif" name="imagetest"></a>
|