- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Help per script ZoomToggle
-
Help per script ZoomToggle
Salve a tutti.
Ho avuto la "malsana" idea di "tentare" la ristrutturazione di un sito creato alcuni anni fà con Frontpage.
I proprietari del sito sono ,bene o male, "contenti" ma hanno un problema con uno script inserito per l'ingrandimento delle immagini.
Inizialmente avevo pensato al "solito" LightBox ma si avevano problemi durante l'apertura delle immagini (venivano "buttate" a fondo pagina)
Gironzolando su internet ho trovato uno script che, pur essendo molto semplice, mi sembrava adeguato al "lavoro" che doveva svolgere
ZoomToggle.Il "problema" nasce su una pagina abbastanza lunga che altro non è che una tabella con varie colonne per foto, descrizione,codice articolo e prezzo.
Ora ad inizio pagina tutto regolare ma "scorrendo" verso il centro pagina e cliccando su una qualsiasi fotografia si viene "rimandati" ad inizio pagina e la fotografia si ingrandisce ma fuori dalla "visuale"
Cioè per visualizzare la foto bisogna "scrollare" verso il basso...
La pagine è questa:
waterlife.it/mulinelli.htmSe riuscite a darmi una mano .... grazie!
è l'ultima volta che metto mano su un sito creato da frontpage!
Lo script è questo:
[html]
<script>var nW,nH,oH,oW;
function zoomToggle(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage){
oW=whichImage.style.width;oH=whichImage.style.height;
if((oW==iWideLarge)||(oH==iHighLarge)){
nW=iWideSmall;nH=iHighSmall;}else{
nW=iWideLarge;nH=iHighLarge;}
whichImage.style.width=nW;whichImage.style.height=nH;
}
</script>
[/html]
Le immagini usano questa stringa per lo zoom:
[html]
<p><img
style="border: 0px solid ; width: 45px; height: 30px;"
alt="clicca per ingrandire"
src="http://www.giorgiotave.it/forum/images/mulinelli x web/CARDIN.UC2000F_450x299.jpg"
onclick="zoomToggle('45px','30px','450px','300px',this);"></p>
[/html]
-
Quello script non lo capisco molto, ma ho provato a riprodurre quello che cercavi...
[html]
<div id="zoomimgcont" style="position: fixed; left:0; top: 10%; width:100%; display: none;"><img id='zoomimg'></div>
<script>function zommaimg(w,h,th)
{
src = th.src;
document.getElementById('zoomimg').src = src;
document.getElementById('zoomimg').style.width = w+'px';
document.getElementById('zoomimg').style.width = h+'px';
document.getElementById('zoomimgcont').style.display = 'block';
}
</script>
[/html]dimmi se può andare e/o servono modifiche.