我有一个产品详细信息页面。一张大照片和其他小照片。当我点击其他小照片时,我可以看到所选照片的大照片更改。但与此同时,我希望看到选定的小照片边框能够突出边框风格。但我无法做到。有人可以帮忙吗?谢谢你的帮助。
这是我的jquery
@section FotoDegis
{
<script src="~/Content/Default/js/jquery-1.11.0.min.js"></script>
<script>
function FotoDegis(value)
{
$('#big-photo').attr("src", value);
$(".product-photo-other-img img[src*='value']").css("border", "solid");
}
</script>
}
<section>
这是我的观点;
<div class="product-photo">
<div class="product-photo-main">
<img id="big-photo" src="~/ProductPhotos/Normal/@Model.Photos.First().PhotoPath" alt="" />
</div>
<div id="similar-product" class="carousel slide" data-ride="carousel">
<div class="product-photo-other-container">
@for (int i = 0; i < Model.Photos.Count; i++)
{
if (i > 2)
{
}
else
{
<div class="product-photo-other">
<div class="product-photo-other-img" id=@i>
<img id=@i onclick="FotoDegis(this.src, @i)" src="~/ProductPhotos/Normal/@(Model.Photos.Count >i ? Model.Photos[i].PhotoPath :"Resim_yok.gif" )" alt="" />
</div>
</div>
}
}
</div>
</div>
</div>