Question

我已将用户上传的图像保存在我的一个文件夹中。在sql server DB中，我只保存图像的文件名。对于一个项目，我有近5-6个图像。所以我有一个itemID作为列和imagename之一作为一列，我在表中有1 2 3 4 5。我需要在页面上以缩略图格式显示所有这些图像。喜欢在craigslist上。我该怎么办？

Answer 1

您可以使用javascript / jQuery图像框显示带有小缩略图的大图像。

以下是我知道的两个 -

FancyBox（我目前正在使用）
LightBox

或者您可以使用以下代码 -

jsfiddle

<style type="text/css">
    .container img {
        width: 100px;
    }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
    $(document).ready(function () {
        $(".container img").mouseover(function () {
            $("#<%= LargeImage.ClientID %>").attr("src", $(this).prop('src'));
        }).mouseout(function () {
            $("#<%= LargeImage.ClientID %>").attr("src",
            "http://placehold.it/400x400&text=Image1");
        });
    });
</script>

<asp:Image ID="LargeImage" ImageUrl="http://placehold.it/400x400&text=Image1"
    runat="server" />
<div class="container">
    <asp:Image ID="Image1" ImageUrl="http://placehold.it/400x400&text=Image2"
        runat="server" />
    <asp:Image ID="Image2" ImageUrl="http://placehold.it/400x400&text=Image3"
        runat="server" />
    <asp:Image ID="Image3" ImageUrl="http://placehold.it/400x400&text=Image4"
        runat="server" />
    <asp:Image ID="Image4" ImageUrl="http://placehold.it/400x400&text=Image5"
        runat="server" />
</div>

在asp.net页面上以缩略图显示许多图像

1 个答案: