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&v=2.x&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/