Ciao a tutti, ho preso da questo sito la funzione javascript per ingrandire le immagini, è ottima e funziona, ma appena ho provato ad inserire le funzioni di google map nella stessa pagina la funzione Lightbox non ha più funzionato e mi apriva la foto in una pagina normale.

Come mai vanno in contrasto? Cosa devo cambiare?


Questo è il mio codice:
codice:
<head>
     ...
	<script type="text/javascript" src="lightbox.js"></script>
	<link rel="stylesheet" href="lightbox.css" type="text/css" />


<script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=INSERIRE_QUI_LA_API_KEY" type="text/javascript"></script>
<script type="text/javascript">
var map = null;
var geocoder = null;

function load() {
  if (GBrowserIsCompatible()) {
	map = new GMap2(document.getElementById("map"));
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng(41.91633, 12.482185), 5);
	geocoder = new GClientGeocoder();
  }
}

function showAddress(address) {
  if (geocoder) {
	geocoder.getLatLng(
	  address,
	  function(point) {
		if (!point) {
		  alert(address + " not found");
		} else {
		  map.setCenter(point, 16);
		  var marker = new GMarker(point);
		  map.addOverlay(marker);
		  marker.openInfoWindowHtml(address);
		}
	  }
	);
  }
}
</script>

</head>

<body onload="load();showAddress('Via Rosmini Antonio, 9, 00184 Roma (RM), Italy');" onunload="GUnload();">
	
      ...
      [img]upload_img/foto.jpg[/img] 
      ...
      <div id="map" style="width: 500px; height: 300px"></div>
      ...

</body>

La funzione lightbox.js mi sembra troppo lunga da inserire nella discussione per cui inserisco il link alla discussione su questa funzione: http://javascript.html.it/articoli/l...on-lightbox-1/