Ho trovato questo script che visualizza in una finestra una immagine flottante sulla pagina ed una didascalia.
codice:
//Spessore del bordo colorato intorno all'immagine, lasciare vuoto se non serve
var borderimg = "15px";
//Tipo di cursore che appare passando il mouse sull'immagine, lasciare vuoto per il puntatore di default
var pointer = "pointer";
function popup(url, title) {
var thisspan = eval("document.getElementById('popup').style")
thisspan.visibility="visible";
var imgs = new Image();
imgs.src = url;
if(imgs.complete) {
var W=(imgs.width);
var H=(imgs.height);
}
output = "<div class=\"color_div\" style=\"width:"+ (W+30)+"px\">";
output += "<a class=\"link\" alt=\"Clicca sull\'immagine per chiudere\" style='cursor:"+ pointer +"' onclick=\"closegallery()\">";
output += "<img src='"+ url +"' title='"+ url +"' style=\"width:"+ W +"px;height:"+ H +"px;margin:"+ borderimg +";\"><\/a>";
output += "<p>" + title + " (" + W + " - " + H + ")<\/p><\/div>";
document.getElementById('popup').innerHTML = output;
}
function closegallery(){document.getElementById('popup').style.visibility="hidden";}
La funzione viene richiamata con:
<a href="#" onclick="popup(immagine.gif','messaggio';return false" title="" class="thumbnail">
Inizialmente la funzione aveva quattro argomenti:
function popup(url, W, H, title)
Per evitare di cercare manualmente le dimensioni delle immagini ho tentato di togliere le dimensioni dagli argomenti della funzione trasformandola in:
function popup(url, title)
Le dimensioni delle immagini le faccio cercare al JS e parzialmente ci sono riuscito ma non funziona correttamente.
Infatti c'è l'inconveniente che, generalmente la prima volta, le dimensioni non vengono restituite ma nel test che faccio mi viene visualizzato (undefined - undefined). Occorre richiamare la funzione una seconda volta per leggere le giuste dimensioni.
Sicuramente ho commesso qualche errore, ma non riesco a capire dove, nè che tipo di errore.
Qualcuno potrebbe aiutarmi a risolvere il problema?
Ringrazio in anticipo.