showimage ma link errato

[djjunior]

Carissimi
utilizzo questo script per la visualizzazione delle foto che cambiano con onmouseover:

		<script>

<!--



var bufferImage = new Array();



function Buffer(filename) {

    var i = bufferImage.length;

    bufferImage[i] = new Image();

    bufferImage[i].src = filename;

    }



function showImage(filename) {

    document.images[Image_Name].src = filename;

    }



Image_Name = "SHOWPAD";

Buffer('public/admin/img/<%=rs.Fields("foto_01")%>');
Buffer('public/admin/img/<%=rs.Fields("foto_02")%>');
Buffer('public/admin/img/<%=rs.Fields("foto_03")%>');
Buffer('public/admin/img/<%=rs.Fields("foto_04")%>');

//-->

</SCRIPT>

Richiamato nel body, così:

IMMAGINE PRIMARIA:
<a href="public/admin/img/<%=rs.Fields("foto_01")%>" >
[img]square.aspx?img=public/admin/img/<%=rs.Fields([/img]&opx=280" NAME="SHOWPAD" ></a>

Le altre immagini vengono richiamate così:

<a onMouseOver="showImage('square.aspx?img=public/admin/img/<%=rs.Fields("foto_01")%>&opx=280')">
							[img]square.aspx?img=public/admin/img/<%=rs.Fields([/img]&opx=90" name='foto1' ></a>
...

Ora cliccando sull'immagine principale la visualizzazione della foto è corretta, mentre se la foto primaria la vario tramite il onmouseover, il link sull'immagine grande sarà sempre la prima foto, come posso ovviare, cioè far capire che cambia l'immagine e deve cambiare pure il link dell'immagine grande?
Grazie
G.

[djjunior]

Nessun suggerimento??

[cavicchiandrea]

Originariamente inviato da djjunior
Nessun suggerimento??

Posta la pagina demo online cosi da vedere il tutto in funzione (anche se ritengo sia un problema asp) cosi come è adesso spezzoni di codice html infarcito di asp è incomprensibile.

[djjunior]

Ecoo la pagina demo

qui

Grazie andrea....
G.

[cavicchiandrea]

Prova cosi:

<a onMouseOver="document.getElementById('imgbig').src='square.aspx?img=public/admin/img/<%=rs.Fields("foto_01")%>&opx=280';">
							[img]square.aspx?img=public/admin/img/<%=rs.Fields([/img]&opx=90" name='foto1' ></a>
...

IMMAGINE PRIMARIA:

<a href="public/admin/img/<%=rs.Fields("foto_01")%>" >
[img]square.aspx?img=public/admin/img/<%=rs.Fields([/img]&opx=280" id="imgbig" ></a>

e togli function Buffer obsoleta, se non funziona

[djjunior]

Grazie andrea...
ho modificato il onmouseover come da te suggerito, il cambio delle immagini funzionano correttamente come prima.
Ma cliccando per aprire l'immagine "cambiata" dal onmouseover mi apre sempre la prima foto (chitarra)....
Invece dovrebbe cambiare anche il link... questo è il problema....

[cavicchiandrea]

Non ricordavo che lightbox e simili prendo il href come riferimento alla immagine modifica cosi:

<a onMouseOver="document.getElementById('imgbig').src='square.aspx?img=public/admin/img/<%=rs.Fields("foto_01")%>&opx=280';document.getElementById('imgbig').parentNode.href='public/admin/img/<%=rs.Fields("foto_01")%>'">
							[img]square.aspx?img=public/admin/img/<%=rs.Fields([/img]&opx=90" name='foto1' ></a>

[djjunior]

perfetto anche se avevo provato a fare così e funzionava anche:

<a onMouseOver="document.getElementById('imgbig').src='square.aspx?img=public/admin/img/<%=rs.Fields("foto_01")%>&opx=280'; document.getElementById('lnk').href='public/admin/img/<%=rs.Fields("foto_01")%>';">
							[img]square.aspx?img=public/admin/img/<%=rs.Fields([/img]&opx=90" name='foto1'></a>

Immagine principale.

<a id="lnk" href="public/admin/img/<%=rs.Fields("foto_01")%>" rel="prettyPhoto" >
[img]square.aspx?img=public/admin/img/<%=rs.Fields([/img]&opx=280" id="imgbig" ></a>

Grazie 1000
G.