Απ: HoverMenuExtender Absolute Position

StrouMfios — Mon, 16 Nov 2009 06:13:38 GMT

Τελικά ήταν πολύ πιο απλό απ' ότι φανταζόμουν.

απλα στο image του όρισα με ψευτο class Και με jquery παίρνω το url της φωτογραφίας και το κάνω append σε ένα άλλο element

<asp:Image Height="65px" ID="Image2" class='FakeClass' ImageUrl="~/Content/images/Hotels/hotelImage1.jpg" runat="server" />
<img id="newImage" />

$('.FakeClass').mouseOver(function(){
     var url = $(this).attr("url");
     $('#newImage').attr('url',url);

})

HoverMenuExtender Absolute Position

StrouMfios — Thu, 05 Nov 2009 02:53:20 GMT

Μέσα σε ενα ListView έχω εναν πίνακα με thumbnails και θέλω onMouseOver να εμφανίζει σε συγκεκριμένο σημείο την κάθε φωτογραφία σε μεγαλύτερο μέγεθος.
Προσπάθησα να το κάνω με Jquery αλλλα δεν μπόρεσα να κάνω add event στα images επειδή είναι μέσα σε ListView.

Προσπάθησα να το κάνω με το HoverMenuExtender αλλα μάλλον δεν υπαρχει η δυνατότητα να του ορίσω absolute position.

Υπαρχει κάποιος τρόπος για να κάνω κάτι τέτοιο?

Ο κώδικας που χρησιμοποιώ είναι αυτός.
Στo placeTheImageHere θέλω να εμφανίζεται η μεγαλύτερη φωτογραφία.

                                                        <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>

.NET Framework

Απ: HoverMenuExtender Absolute Position

HoverMenuExtender Absolute Position