[JS] Passare valore immagine e ingrandire un thumbnail

**SigmaBeta** · 10-07-2012, 09:44

Salve.
Malgrado la letteratura abbondi in esempi simili, da due settimane - sono principiante - sono fermo su questo problema.
Ho 5 thumbnails che cliccati dovrebbero aprire relativi pop-up con l'immagine grande.
Voglio però passare il valore dell'immagine - che è la stessa del relativo thumbnail - attraverso una variabile restituita da un JS (per potere generalizzarne l'uso).
Ecco il codice per uno dei 5 thumbnails.

codice:

<head>
    <script type="text/javascript">         
        function x()
        {
            var MyImage=document.getElementById("img1");
            return (MyImage);
        }
      </script> 
</head>
<body>
<form id="form1" runat="server">
    <a href="#top" OnClick="MyWindow=window.open("'+ img1 +'",'MyWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=300,height=300'); return false;"> 	
            <asp:Image 
                runat="server" 
                ID="img1" 
                height="100px" 
                width="150px" 
                ImageAlign="right" 
                cssClass="img01"
                />
            </a>    
</body>

Esiste anche una pagina aspx.vb da cui si prende il valore dell'immagine.
Il thumbnail viene illustrato correttamente, passando con il mouse si forma la manina ma il pop-up non scatta.
Mi tirate un salvagente?
Grazie!

**br1** · 10-07-2012, 15:02

con

var MyImage=document.getElementById("img1");

tu ottieni l'oggetto immagine, da quello che scrivi si evince che invece stai cercando informazioni sull'origine dell'immagine, quindi devi usare:

var MyImage=document.getElementById("img1").src;

**SigmaBeta** · 10-07-2012, 16:52

Grazie per il suggerimento, comunque continua a non aprire il pop-up.
Ho perfino provato a modificare come segue:

codice:

head>
    <script type="text/javascript">         
        function x()
        {
            var MyImage=document.getElementById("img1").src ;
            return (MyImage);
        }
      </script> 
</head>
<body>
<form id="form1" runat="server">
    <a href="#top" onClick="MyWindow=window.open("'+ MyImage  +'",'MyWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=300,height=300'); return false;"> 	
            <asp:Image 
                runat="server" 
                ID="img1" 
                height="100px" 
                width="150px" 
                ImageAlign="right" 
                cssClass="img01"
                />
            </a>    
</form1>

</body>

Sostituendo nel href l'oggetto apre regolarmente pop-up con figura.Devo usare le parentesi graffe quando passo la variabile MyImage?

**cavicchiandrea** · 10-07-2012, 20:18

Secondo me, più sinteticamente cosi

codice:

<a href="#top" onClick="window.open(document.getElementById('img1').src,'MyWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=300,height=300'); return false;">

dovrebbe andare

**SigmaBeta** · 11-07-2012, 20:57

Cavicchi Andrea ... detto proprio alla romana: lo sai che sei forte!
Funziona, alla faccia di centinaia di pagine lette su internet che scomodavano righe e righe di JS ... boh, sono un principiante ma resto sconcertato!
Grazie.

Discussione: [JS] Passare valore immagine e ingrandire un thumbnail

Strumenti discussione

Ricerca discussione

Visualizza

[JS] Passare valore immagine e ingrandire un thumbnail

Permessi di invio