Javascript Laravel 5.1-不显示从列表中选择的图像

我正在尝试显示从下面列表中选择的图像。我在这里给出了演示代码

HTML:

<div class="full">
{!! HTML::image('assets/images/men1.jpg', 'a picture', array('class' => 'img-responsive')) !!}
<a href="#" class="details"><i class="pe-7s-search"></i></a>
</div>
<div class="previews">
    <div class="box-content">
        <div>
            {!! HTML::image('assets/images/men1.jpg', 'a picture', array('data-full'=>'assets/images/men1.jpg','class'=>'selected'))!!}
        </div>
        <div>
            {!! HTML::image('assets/images/men2.jpg', 'a picture', array('data-full'=>'assets/images/men2.jpg'))!!}
        </div>                            
       </div>
            <div class="nav">
              <span class="prev"><i class="fa fa-angle-left"></i></span>
              <span class="next"><i class="fa fa-angle-right"></i></span>
            </div>
</div>

{！！HTML:：image（'assets/images/men1.jpg'，'a picture'，array（'class'=>'img responsive'））
{！！HTML:：image（'assets/images/men1.jpg'，'a picture'，array（'data-full'=>'assets/images/men1.jpg'，'class'=>'selected'））
{！！HTML:：image（'assets/images/men2.jpg'，'a picture'，array（'data-full'=>'assets/images/men2.jpg'））

我希望当我选择第二个图像时，第二个图像上的类会像第一个图像一样变为“class”=>“selected”，在第一个图像中，我希望显示第二个图像。即使单击下一个/上一个链接，我也希望显示选定的图像

---

我该怎么做？任何帮助都将不胜感激。

我不是100%确定，但这可能会奏效。请尝试并发布反馈

var $selected = $('.selected'); // To get the selected element
var $container = $('.box-content'); // to get the parent of all div which has the images.
if($container.index($selected) == $container.length) {
    // this means the selected element is the last one.
    $container.find('img').removeClass('selected').first().addClass('selected');
} else {
    $container.find('img').removeClass('selected').next().addClass('selected');
}

---

欢迎来到stackoverflow:）有没有我们可以尝试的演示站点？