使用onclick jquery事件过滤更改src给边框样式

时间:2016-03-13 11:47:35

标签: jquery css model-view-controller filter onclick

我有一个产品详细信息页面。一张大照片和其他小照片。当我点击其他小照片时,我可以看到所选照片的​​大照片更改。但与此同时,我希望看到选定的小照片边框能够突出边框风格。但我无法做到。有人可以帮忙吗?谢谢你的帮助。

这是我的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>

0 个答案:

没有答案