Display multiple Images preview of Product like Flipkart using C# and VB.Net in ASP.Net

Hi Sadia.net,

Refer below sample.

HTML

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('.thumbnail img').hover(function () {
            var url = $(this).attr('src');
            $('#main').attr('src', url);
        });
    });
</script>
<div style="float: left;">
    <asp:DataList runat="server" ID="Repeater1" RepeatDirection="Vertical">
        <ItemTemplate>
            <div class="thumbnail">
                <asp:Image ID="Image1" ImageUrl='<%# Eval("Value") %>' runat="server" Width="50"
                    Height="50" />
            </div>
        </ItemTemplate>
    </asp:DataList>
</div>
<div class="main-img" style="float: left;">
    <asp:Image ID="main" runat="server" Height="300px" Width="300px" />
</div>

Namespaces

C#

using System.IO;

VB.Net

Imports System.IO

Code

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        string[] filePaths = Directory.GetFiles(Server.MapPath("~/Images/"));
        List<ListItem> files = new List<ListItem>();
        foreach (string filePath in filePaths)
        {
            string fileName = Path.GetFileName(filePath);
            files.Add(new ListItem(fileName, "~/Images/" + fileName));
        }
        Repeater1.DataSource = files;
        Repeater1.DataBind();
    }
}

VB.Net

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles main.Load
    If Not Me.IsPostBack Then
        Dim filePaths As String() = Directory.GetFiles(Server.MapPath("~/Images/"))
        Dim files As List(Of ListItem) = New List(Of ListItem)()
        For Each filePath As String In filePaths
            Dim fileName As String = Path.GetFileName(filePath)
            files.Add(New ListItem(fileName, "~/Images/" & fileName))
        Next
        Repeater1.DataSource = files
        Repeater1.DataBind()
    End If
End Sub

Screenshot