Zoom di foto

di il
11 risposte

Zoom di foto

Ho inserito delle foto sul mio sito e vorrei fare in modo
di ingrandirle in un altra pagina quando ci si clicca
sopra, ma non riesco a trovare una soluzione che sia
valida.


Per il momento opero come segue:

file che contiene le foto:

<img src="immagini/f11.jpg" title="..." height="130"
width="150" hspace="20" vspace="20" alt="..." onClick="zoom()">
<img src="immagini/f12.jpg" title="..." height="130"
width="150" hspace="20" vspace="20" alt="...">
<img src="immagini/f13.jpg" title="..." height="160"
width="100" hspace="20" vspace="20" alt="...">
<img src="immagini/f14.jpg" title="..." height="100"
width="160" hspace="20" vspace="20" alt="...">



function zoom(){
window.location.href="zoom.htm";
}



file zoom.htm:
<center>
<img src="immagini/f11.jpg" title="..." height="260"
width="250" hspace="20" vspace="20" alt="...">
</center>


questa soluzione va bene per una foto,ma non per tutte.
Cosa devo fare per renderla valida per ogni foto su cui clicco?

11 Risposte

  • Re: Zoom di foto

    Ciao una soluzione molto semplice é:

    <img src="immagini/f11.jpg" title="..." height="130"
    width="150" hspace="20" vspace="20" alt="..." onClick="zoom('f11.jpg')">
    <img src="immagini/f12.jpg" title="..." height="130"
    width="150" hspace="20" vspace="20" alt="..." onClick="zoom('f12.jpg')">
    <img src="immagini/f13.jpg" title="..." height="160"
    width="100" hspace="20" vspace="20" alt="...">
    <img src="immagini/f14.jpg" title="..." height="100"
    width="160" hspace="20" vspace="20" alt="...">

    function zoom(Img){
    window.location.href='zoom.asp?img=' + Img;
    }

    file zoom.asp:
    <center>
    <img src="immagini/<%=request.querystring("img")%>" title="..." height="260"
    width="250" hspace="20" vspace="20" alt="...">
    </center>

    questa soluzione richiede che zoom sia una pagina ASP cmq puoi implementare lo stesso per una pagina PHP o altro

    Ciao



    A volte basta un solo carattere sbagliato nel codice sorgente per mettere in crisi un' intera applicazione...
  • Re: Zoom di foto

    Ciao Toki,
    ho provato come mi hai detto,ma mi viene dato il seguente errore:
    'f11' non è definito.
  • Re: Zoom di foto

    Ciao magari c'è un'errore di sintassi..in che pagina da errore? principale o zoom?

    A volte basta un solo carattere sbagliato nel codice sorgente per mettere in crisi un' intera applicazione...
  • Re: Zoom di foto

    Approposito, naturalmente la funzione javascript la devi inserire detro l'apposito blocco di script:
    <script language="javascript">
    function zoom(Img){
    window.location.href='zoom.asp?img=' + Img;
    }
    </script>



    A volte basta un solo carattere sbagliato nel codice sorgente per mettere in crisi un' intera applicazione...
  • Re: Zoom di foto

    L'errore lo dà nella pagina foto.asp nel momento in cui
    clicco sulle foto

    file foto.asp:

    <script language="JavaScript">
    function zoom(Img){
    window.location.href='zoom.asp?img=' + Img;
    }
    </script>

    <img src="immagini/f11.jpg" title="..." height="130"
    width="150" hspace="20" vspace="20" alt="..." onClick="zoom('f11.jpg')">
    <img src="immagini/f12.jpg" title="..." height="130"
    width="150" hspace="20" vspace="20" alt="..."
    onClick="zoom('f12.jpg')">


    la sintassi mi pare corretta...
  • Re: Zoom di foto

    Ciao ruben,

    ho appena provato il codice su una pagina e funziona correttamente.
    prova a mettere un alert sulla funzione javascript cosi vedi dove é l'errore

    Fammi sapere

    A volte basta un solo carattere sbagliato nel codice sorgente per mettere in crisi un' intera applicazione...
  • Re: Zoom di foto

    Ciao Toki,
    ho inserito alert("ok"); prima di window.location.href='zoom.asp?img=' + Img; nella funzione zoom.
    Mi vien dato lo stesso errore:non considera completamente la funzione...
  • Re: Zoom di foto

    Ciò significa che non entra nella funzione...

    io ho provato il codice sia su IE6 che Firefox ed é corretto.

    mi sembra molto strano che il tuo browser segnali un errore...

    Ciao

    A volte basta un solo carattere sbagliato nel codice sorgente per mettere in crisi un' intera applicazione...
  • Re: Zoom di foto

    Grazie toki ho risolto,

    ...avevo dimenticato di mettere gli apici singoli nella parte html relativa alla chiamata della funzione

    onClick="zoom('f11.jpg')"


    bye bye
  • Re: Zoom di foto



    A volte basta un solo carattere sbagliato nel codice sorgente per mettere in crisi un' intera applicazione...
  • Re: Zoom di foto

    Ciao a tutti mi sono appena registrato volevo fare una domanda come si fa lo zoom di una foto senza cambiare la pagina?
    cioe c'e una foto piccola ci clikki e si ingrandisce poi ci riclikki e torna al suo posto. grasie

    web-niubbo
Devi accedere o registrarti per scrivere nel forum
11 risposte