• User Attivo

    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" :arrabbiato:

    Cioè per visualizzare la foto bisogna "scrollare" verso il basso...

    La pagine è questa:
    waterlife.it/mulinelli.htm

    Se riuscite a darmi una mano .... grazie!

    è l'ultima volta che metto mano su un sito creato da frontpage! :arrabbiato:

    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]


  • User Attivo

    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.