Ciao, capisco, hai ragione era una questione di percorso il file con la mappa era fuori dalla cartella in cui si trovano le immagini. però ho notato che comunque l'immagine era cliccabile almeno per una o due immagini ingrandite che riuscivo a visualizzare. Solamente che ho trovato due errori di visualizzazione il primo è che l'ingrandimento va ad occupare lo spazio della mappa, cosa risolvibile con il refresh a dire la verità oppure impostando una ridimensione della stessa forse, anche perchè vorrei che fosse possibile mantenere visibile la mappa al di sotto, da questo si genera l'altro che bisognerebbe poi tornare sempre indietro.
Comprendo bene, la difficoltà e ti ringrazio dell'aiuto che mi stai dando, vedo se ti posso fornire una mano in più per capire, allora partendo dal presupposto che non esiste un codice html per fare quel che chiedo è possibile con un altro tipo di codice?
Per esempio a quel che ho postato cioè questo:
<HTML>
<HEAD>
<img src="mappa.jpg" width="900" height="700" border="0" usemap="#map" />
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Utente -->
<area shape="rect" coords="166,122,340,196" href="http://knightofdragon.altervista.org/Mappa dei Regni/islanda.jpg" />
<area shape="rect" coords="597,301,650,317" href="http://knightofdragon.altervista.org/Mappa dei Regni/anglia.jpg" />
<area shape="rect" coords="516,236,577,254" href="http://knightofdragon.altervista.org/Mappa dei Regni/berinicia.jpg" />
<area shape="rect" coords="379,143,475,175" href="http://knightofdragon.altervista.org/Mappa dei Regni/calidonia.jpg" />
<area shape="rect" coords="294,265,371,290" href="http://knightofdragon.altervista.org/Mappa dei Regni/connachta.jpg" />
<area shape="rect" coords="397,357,513,384" href="http://knightofdragon.altervista.org/Mappa dei Regni/cornovaglia.jpg" />
<area shape="rect" coords="372,232,436,253" href="http://knightofdragon.altervista.org/Mappa dei Regni/dal_miriadi.jpg" />
<area shape="rect" coords="364,187,450,229" href="http://knightofdragon.altervista.org/Mappa dei Regni/dal_riada.jpg" />
<area shape="rect" coords="558,259,621,284" href="http://knightofdragon.altervista.org/Mappa dei Regni/deira_lindsey.jpg" />
<area shape="rect" coords="429,322,503,342" href="http://knightofdragon.altervista.org/Mappa dei Regni/demetia.jpg" />
<area shape="rect" coords="507,257,556,269" href="http://knightofdragon.altervista.org/Mappa dei Regni/ebrauc.jpg" />
<area shape="rect" coords="506,273,556,289" href="http://knightofdragon.altervista.org/Mappa dei Regni/elmet.jpg" />
<area shape="rect" coords="453,203,505,216" href="http://knightofdragon.altervista.org/Mappa dei Regni/fortriu.jpg" />
<area shape="rect" coords="468,310,519,320" href="http://knightofdragon.altervista.org/Mappa dei Regni/gwent.jpg" />
<area shape="rect" coords="608,343,651,354" href="http://knightofdragon.altervista.org/Mappa dei Regni/kent.jpg" />
<area shape="rect" coords="366,292,433,318" href="http://knightofdragon.altervista.org/Mappa dei Regni/laighn.jpg" />
<area shape="rect" coords="456,220,533,234" href="http://knightofdragon.altervista.org/Mappa dei Regni/lothian.jpg" />
<area shape="rect" coords="508,294,546,306" href="http://knightofdragon.altervista.org/Mappa dei Regni/luitcoyt.jpg" />
<area shape="rect" coords="579,323,647,337" href="http://knightofdragon.altervista.org/Mappa dei Regni/lundein.jpg" />
<area shape="rect" coords="549,298,594,315" href="http://knightofdragon.altervista.org/Mappa dei Regni/mercia.jpg" />
<area shape="rect" coords="290,295,362,332" href="http://knightofdragon.altervista.org/Mappa dei Regni/mumha.jpg" />
<area shape="rect" coords="453,116,530,138" href="http://knightofdragon.altervista.org/Mappa dei Regni/orcades.jpg" />
<area shape="rect" coords="452,288,504,307" href="http://knightofdragon.altervista.org/Mappa dei Regni/powys.jpg" />
<area shape="rect" coords="561,343,605,366" href="http://knightofdragon.altervista.org/Mappa dei Regni/regia.jpg" />
<area shape="rect" coords="447,238,505,269" href="http://knightofdragon.altervista.org/Mappa dei Regni/rheged.jpg" />
<area shape="rect" coords="453,177,527,200" href="http://knightofdragon.altervista.org/Mappa dei Regni/terre_selvagge.jpg" />
<area shape="rect" coords="323,233,370,263" href="http://knightofdragon.altervista.org/Mappa dei Regni/tyr_connail.jpg" />
<area shape="rect" coords="375,255,432,274" href="http://knightofdragon.altervista.org/Mappa dei Regni/uladh.jpg" />
<area shape="rect" coords="508,324,558,356" href="http://knightofdragon.altervista.org/Mappa dei Regni/wessex.jpg" />
</map>
</body>
</html>
Che così com'è va bene e infatti, abbiamo risolto il problema e ti ringrazio infinitamente.^^
Per fare quel che ti ho detto, è possibile integrare questo codice con un altro non html come questo tipo di codice che ho trovato?:
<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
***********************************************/
// prelevato ed illustrato su
http://www.web-link.it//Specify image paths and optional link (set link to "" for no link):
var dynimages=new Array()
dynimages[0]=["photo1.jpg", "http://www.web-link.it"]
dynimages[1]=["photo2.jpg", "http://www.web-link.it"]
dynimages[2]=["photo3.jpg", "http://www.web-link.it"]
//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=0
//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=1.0 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>
e poi inserire quest'altro?
<a href="#" onMouseover="modifyimage('dynloadarea', 0)">image 1 (onmouseover)</a><br>
<a href="#" onMouseover="modifyimage('dynloadarea', 1)">image 2 (onmouseover)</a><br>
<a href="#" onClick="return modifyimage('dynloadarea2', 2)">image 3 (onclick)</a><p>
<div id="dynloadarea" style="width:80px;height:225px"></div>
<div id="dynloadarea2" style="width:80px;height:200px"></div>
Non so, qualcosa di simile, io ho trovato questo script su questo link (non voglio fare pubblicità, ma se ti può servire per capire l'effetto lo posto):
http://www.web-link.it/scripting/scripting.htmTi ringrazio tantissimo per l'aiuto prezioso. Ciao!