Μέσα σε ενα ListView έχω εναν πίνακα με thumbnails και θέλω onMouseOver να εμφανίζει σε συγκεκριμένο σημείο την κάθε φωτογραφία σε μεγαλύτερο μέγεθος.
Προσπάθησα να το κάνω με Jquery αλλλα δεν μπόρεσα να κάνω add event στα images επειδή είναι μέσα σε ListView.
Προσπάθησα να το κάνω με το HoverMenuExtender αλλα μάλλον δεν υπαρχει η δυνατότητα να του ορίσω absolute position.
Υπαρχει κάποιος τρόπος για να κάνω κάτι τέτοιο?
Ο κώδικας που χρησιμοποιώ είναι αυτός.
Στo
placeTheImageHere θέλω να εμφανίζεται η μεγαλύτερη φωτογραφία.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
| <table>
<tr>
<td rowspan="2">
<asp:Image Height="140px" ID="PlaceTheImageHere" runat="server" ImageUrl="~/Content/images/Hotels/hotelImage.jpg" />
</td>
<td>
<cc1:HoverMenuExtender TargetControlID="Image1" PopupPosition="Center" PopupControlID="HoverPanel"
ID="HoverMenuExtender1" runat="server">
</cc1:HoverMenuExtender>
<asp:Panel ID="HoverPanel" runat="server">
<asp:Image Height="140px" ID="HoverPanelImage1" ImageUrl="~/Content/images/Hotels/hotelImage.jpg"
runat="server" />
</asp:Panel>
<asp:Image Height="65px" ID="Image1" ImageUrl="~/Content/images/Hotels/hotelImage.jpg"
runat="server" />
</td>
<td>
<cc1:HoverMenuExtender TargetControlID="Image2" PopupPosition="Center" PopupControlID="Panel1"
ID="HoverMenuExtender2" runat="server">
</cc1:HoverMenuExtender>
<asp:Panel ID="Panel1" runat="server">
<asp:Image Height="140px" ID="Image5" ImageUrl="~/Content/images/Hotels/hotelImage1.jpg"
runat="server" />
</asp:Panel>
<asp:Image Height="65px" ID="Image2" ImageUrl="~/Content/images/Hotels/hotelImage1.jpg"
runat="server" />
</td>
</tr>
<tr>
<td>
<cc1:HoverMenuExtender TargetControlID="Image3" PopupPosition="Center" PopupControlID="Panel2"
ID="HoverMenuExtender3" runat="server">
</cc1:HoverMenuExtender>
<asp:Panel ID="Panel2" runat="server">
<asp:Image Height="140px" ID="Image6" ImageUrl="~/Content/images/Hotels/hotelImage2.jpg"
runat="server" />
</asp:Panel>
<asp:Image Height="65px" ID="Image3" ImageUrl="~/Content/images/Hotels/hotelImage2.jpg"
runat="server" />
</td>
<td>
<cc1:HoverMenuExtender TargetControlID="Image4" PopupPosition="Center" PopupControlID="Panel3"
ID="HoverMenuExtender4" runat="server">
</cc1:HoverMenuExtender>
<asp:Panel ID="Panel3" runat="server" CssClass="popupMenu">
<asp:Image Height="140px" ID="Image7" ImageUrl="~/Content/images/Hotels/hotelImage3.jpg"
runat="server" />
</asp:Panel>
<asp:Image Height="65px" ID="Image4" ImageUrl="~/Content/images/Hotels/hotelImage3.jpg"
runat="server" />
</td>
</tr>
</table> |
αν δεν το θες,
www.antallakseto.gr