You can bind the images dynamically from Database
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
ddlSocialIcons.Items.Insert(0, new ListItem("Select Any Icon ", " "));
}
protected void ddlSocialIcons_SelectedIndexChanged(object sender, EventArgs e)
{
if (ddlSocialIcons.SelectedItem == null)
return;
switch (ddlSocialIcons.SelectedItem.Value.ToString())
{
case "1":
imgSocialIcon.ImageUrl = "~/SocialIcons/06-facebook-128.png";
break;
case "2":
imgSocialIcon.ImageUrl = "~/SocialIcons/03-twitter-128.png";
break;
case "3":
imgSocialIcon.ImageUrl = "~/SocialIcons/80-google-plus-128.png";
break;
case "4":
imgSocialIcon.ImageUrl = "~/SocialIcons/47-skype-128.png";
break;
default:
imgSocialIcon.ImageUrl = "~/SocialIcons/noimage.png";
break;
}
}
Design form ;
<form id="form1" runat="server">
<div>
<asp:DropDownList runat="server" ID="ddlSocialIcons" AutoPostBack="true" OnSelectedIndexChanged="ddlSocialIcons_SelectedIndexChanged">
<asp:ListItem Text="FaceBook" Value="1" />
<asp:ListItem Text="Twitter" Value="2" />
<asp:ListItem Text="Google+" Value="3" />
<asp:ListItem Text="Skype" Value="4" />
</asp:DropDownList>
</div>
<div style="width: 50%; height: 50%">
<asp:Image ID="imgSocialIcon" runat="server" />
</div>
</form>