Visualizzare link su datalist contenente immagini e ingrandire

venerdì 04 giugno 2010 - 08.55

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

basicdany Profilo | Expert

590 messaggi | Data Invio: ven 4 giu 2010 - 08:55

ciao a tutti ho un datalist impaginato in questo modo:

<asp:DataList ID="DataList1" runat="server" RepeatDirection="Horizontal">
<ItemTemplate>
Descrizione:
<asp:Label ID="FirstNameLabel" runat="server" Text='<%# Eval("Descrizione") %>' />
<br />
Photo:
<asp:Image ID="Image1" runat="server" ImageUrl='<%# "~/ShowImagePerIDImmobile.ashx?Idimmobile=" & Eval("Idimmobile") %>' />
<br />
</ItemTemplate>
</asp:DataList>

Mi servirebbe
1)visualizzare ad ogni foto una voce "clicca per ingrandire",
2)cliccando su tale voce deve visualizzare la foto ingrandita.

come posso fare questo?

grazie a tutti, siete come sempre un prezioso aiuto.

Gluck74 Profilo | Guru

1.359 messaggi | Data Invio: mar 8 giu 2010 - 15:12

http://www.huddletogether.com/projects/lightbox/

Ciao

____________
Ricordati di utilizzare il tasto "Accetta" se i nostri consigli ti sono serviti a risolvere il problema.
È il modo per ringraziare chi ti ha aiutato.

basicdany Profilo | Expert

590 messaggi | Data Invio: mar 8 giu 2010 - 15:36

ciao, ho visto l'esempio e perfetto, pero' per visualizzare la foto in anteprima bisogno fare un click su una singola immagine:

<a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>

visto che io uso un datalist in questa maniera per caricare una serie d'immagini:

<asp:DataList ID="DataList1" runat="server" RepeatDirection="Horizontal"
BorderColor="Aqua" RepeatColumns="8">
<ItemTemplate>
Descrizione:
<asp:Label ID="FirstNameLabel" runat="server" Text='<%# Eval("Descrizione") %>' />
<br />
<asp:Image ID="Image1" runat="server" ToolTip="clicca per l'anteprima" whith = "100" height = "100" ImageUrl='<%# "~/ShowImagePerIDImmobile.ashx?Idfoto=" & Eval("Idfoto") %>' />
<br />
</ItemTemplate>
</asp:DataList>

Come faccio a impostare che al click sul datalist mi visualizza l'img, in sintesi come inserisco quella riga di codice asp nel datalist in modo da richiaamare l'anteprima della foto cliccata con il java script?

grazie come sempre!

Gluck74 Profilo | Guru

1.359 messaggi | Data Invio: mar 8 giu 2010 - 20:59

mi viene in mente di provare a mettere il tag dell'immagine, dentro ad un href, come nell'esempio, utilizzando anche per href l'asmx.

mi posti il codice di

<asp:Image ID="Image1" runat="server" ToolTip="clicca per l'anteprima"
          whith = "100" height = "100" 
          ImageUrl='<%# "~/ShowImagePerIDImmobile.ashx?Idfoto=" & Eval("Idfoto") %>' />

tradotto in html? voglio vedere come viene.

____________
Ricordati di utilizzare il tasto "Accetta" se i nostri consigli ti sono serviti a risolvere il problema.
È il modo per ringraziare chi ti ha aiutato.

basicdany Profilo | Expert

590 messaggi | Data Invio: mar 8 giu 2010 - 23:05

ciao, il codice ricavato in html e:

<table id="ctl00_ContentPlaceHolder1_DataList1" cellspacing="0" border="0" style="border-color:Aqua;border-collapse:collapse;">
<tr>
<td>
Descrizione:
<span id="ctl00_ContentPlaceHolder1_DataList1_ctl00_FirstNameLabel"></span>
<br />
<img id="ctl00_ContentPlaceHolder1_DataList1_ctl00_Image1" title="clicca per l'anteprima" whith="100" src="../ShowImagePerIDImmobile.ashx?Idfoto=202" style="height:100px;border-width:0px;" />
<br />
</td><td>
Descrizione:
<span id="ctl00_ContentPlaceHolder1_DataList1_ctl01_FirstNameLabel"></span>
<br />
<img id="ctl00_ContentPlaceHolder1_DataList1_ctl01_Image1" title="clicca per l'anteprima" whith="100" src="../ShowImagePerIDImmobile.ashx?Idfoto=203" style="height:100px;border-width:0px;" />
<br />
</td><td>
Descrizione:
<span id="ctl00_ContentPlaceHolder1_DataList1_ctl02_FirstNameLabel"></span>
<br />
<img id="ctl00_ContentPlaceHolder1_DataList1_ctl02_Image1" title="clicca per l'anteprima" whith="100" src="../ShowImagePerIDImmobile.ashx?Idfoto=204" style="height:100px;border-width:0px;" />
<br />
</td><td></td><td></td><td></td><td></td><td></td>
</tr>
</table>

ciao, grazie

Gluck74 Profilo | Guru

1.359 messaggi | Data Invio: mer 9 giu 2010 - 10:15

hai provato a fare così?

<a href='<%# "~/ShowImagePerIDImmobile.ashx?Idfoto=" & Eval("Idfoto") %>' rel="lightbox">
    <asp:Image ID="Image1" runat="server" ToolTip="clicca per
        l'anteprima" whith = "100" height = "100" 
        ImageUrl='<%# "~/ShowImagePerIDImmobile.ashx?Idfoto=" & Eval("Idfoto") %>' />
</a>

____________
Ricordati di utilizzare il tasto "Accetta" se i nostri consigli ti sono serviti a risolvere il problema.
È il modo per ringraziare chi ti ha aiutato.

basicdany Profilo | Expert

590 messaggi | Data Invio: mer 9 giu 2010 - 10:34

Provo e ti faccio sapere.
grazie tanto

basicdany Profilo | Expert

590 messaggi | Data Invio: gio 10 giu 2010 - 07:22

ho provato ha inserire il codice da te postato per l'anteprima delle immagini:

<a href='<%# "~/ShowImagePerIDImmobile.ashx?Idfoto=" & Eval("Idfoto") %>' rel="lightbox">
<asp:Image ID="Image1" runat="server" ToolTip="clicca per
l'anteprima" whith = "100" height = "100"
ImageUrl='<%# "~/ShowImagePerIDImmobile.ashx?Idfoto=" & Eval("Idfoto") %>' />
</a>

ho inserito nella master page anche:

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

e chiaramente i file js in una cartella dei sito "js" e il css in una cartella "css"

ma mi da:

Errore server nell'applicazione "/WWW"
Impossibile trovare la risorsa.
Descrizione: HTTP 404. La risorsa che si sta cercando (o una delle sue dipendenze) potrebbe essere stata rimossa, rinominata o non essere temporaneamente disponibile. Verificare che l'URL riportato di seguito sia stato digitato correttamente.

URL richiesto: /WWW/Secure/~/ShowImagePerIDImmobile.ashx

ciao aspetto risposta, grazie

basicdany Profilo | Expert

590 messaggi | Data Invio: gio 10 giu 2010 - 17:54

Ciao, ti ho postato il codice. ciao aspetto risposta.

grazie

alexmed Profilo | Guru

1.186 messaggi | Data Invio: lun 14 giu 2010 - 15:33

Ciao
Prova a sostituire il tag <asp:Image> con un <img>

<a href='<%# "~/ShowImagePerIDImmobile.ashx?Idfoto=" & Eval("Idfoto") %>' rel="lightbox">
<img title="clicca per l'anteprima" style="" src='<%# "~/ShowImagePerIDImmobile.ashx?Idfoto=" & Eval("Idfoto") %>' />
</a>

alexmed

alexmed Profilo | Guru

1.186 messaggi | Data Invio: lun 14 giu 2010 - 15:36

Un'altra cosa:

Dal codice che hai postato:

<asp:DataList ID="DataList1" runat="server" RepeatDirection="Horizontal"
BorderColor="Aqua" RepeatColumns="8">
<ItemTemplate>
Descrizione:
<asp:Label ID="FirstNameLabel" runat="server" Text='<%# Eval("Descrizione") %>' />
<br />
<asp:Image ID="Image1" runat="server" ToolTip="clicca per l'anteprima" whith = "100" height = "100" ImageUrl='<%# "~/ShowImagePerIDImmobile.ashx?Idfoto=" & Eval("Idfoto") %>' />
<br />
</ItemTemplate>
</asp:DataList>

Manca l'associazione al database!

alexmed

Gluck74 Profilo | Guru

1.359 messaggi | Data Invio: lun 14 giu 2010 - 16:28

quando ti da questo errore? quando viene caricata la pagina o quando clicchi sulla foto per ingrandirla?

>
>ma mi da:
>
>Errore server nell'applicazione "/WWW"
>Impossibile trovare la risorsa.
>Descrizione: HTTP 404. La risorsa che si sta cercando (o una
>delle sue dipendenze) potrebbe essere stata rimossa, rinominata
>o non essere temporaneamente disponibile. Verificare che l'URL
>riportato di seguito sia stato digitato correttamente.
>
>URL richiesto: /WWW/Secure/~/ShowImagePerIDImmobile.ashx
>

____________
Ricordati di utilizzare il tasto "Accetta" se i nostri consigli ti sono serviti a risolvere il problema.
È il modo per ringraziare chi ti ha aiutato.

basicdany Profilo | Expert

590 messaggi | Data Invio: lun 14 giu 2010 - 20:21

ciao, ripeto il codice che uso per caricare il datalist ho corretto qualcosa e la situazione:

<asp:DataList ID="DataList1" runat="server" RepeatDirection="Horizontal"
BorderColor="Aqua" RepeatColumns="8">
<ItemTemplate>
   

<a href='<%# "~/ShowImagePerIDImmobile.ashx?Idfoto=" & Eval("Idfoto") %>' rel="lightbox">

<asp:Image ID="Image1" runat="server" ToolTip="clicca per l'anteprima" whith = "100" height = "100"
ImageUrl='<%# "~/ShowImagePerIDImmobile.ashx?Idfoto=" & Eval("Idfoto") %>' />

</a>

</a>

<br />
</ItemTemplate>
</asp:DataList>

NEL DATALIST VENGONO VISUALIZZATE LE IMG, CLICCANDO SOPRA SI APRE ANTEPRIMA DELLA FOTO, MA NEL CONTROLLO NON
VISUALIZZA LA FOTO, QUINDI IL PROBLEMA STA:

<a href='<%# "~/ShowImagePerIDImmobile.ashx?Idfoto=" & Eval("Idfoto") %>' rel="lightbox">

RIPETO SE INSERISCO UN PERCORSO FISSO PER PROVA VISUALIZZA L'IMMAGINE:

grazie aspetto risposta

alexmed Profilo | Guru

1.186 messaggi | Data Invio: mar 15 giu 2010 - 13:04

Prova a modificare il percorso del file "ShowImagePerIDImmobile.ashx":

<a href='<%# "ShowImagePerIDImmobile.ashx?Idfoto=" & Eval("Idfoto") %>' rel="lightbox">

Ciao

alexmed

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !