Question

我正在努力建立一个高流失的画廊。

我有两个缩略图，如果点击打开大图像的页面上列出的较大但裁剪的缩略图，以及拇指条带的纵横比较小的缩略图。

如何配置highslide以实际为Thumbtrip使用不同的图像？

例如，这是一个部分

<a href="picture12.jpg" class="highslide" 
        title="Caption from the anchor's title attribute" 
        onclick="return hs.expand(this, config1 )">
    <img src="picture12.thumb.jpg"  alt=""/>
</a>

如果我在.aspx.cs页面上定义href，则onclick事件无效。？

<a  class='highslide' id="thumb1" runat="server" href="" onclick="return hs.expand(this, miniGalleryOptions1)" title="Two cabins" >
   <asp:Image ID="Image1" runat="server"  BorderWidth="2px"  />
</a>

aspx.cs

即使我在.cs页面上定义onclick事件，它仍然无法正常工作

thumb1.HRef = s1;

 thumb1.Attributes.Add("onclick", "return hs.expand(this, miniGalleryOptions1)");

帮助我解决这个问题吗？

Answer 1

你可以使用jquery，将你的thumb1放入div并添加onclick jquery脚本来更改图像和样式。

    <script type="text/javascript">
        $(document).ready(function () {
            $('#hrefDiv').click(function () {
            /*change href's and sizes here */
        });
    });
    </script>

如何动态定义href？

1 个答案: