Razor Blueimp转盘显示转盘及其下方的图像
我已经在图库页面上实现了blueimp旋转木马(2.22.0)。它工作正常,并在旋转木马中显示图像。但它也以一种准灯箱风格显示旋转木马下方的所有图像。这是我的密码Razor Blueimp转盘显示转盘及其下方的图像,razor,twitter-bootstrap-3,carousel,blueimp,Razor,Twitter Bootstrap 3,Carousel,Blueimp,我已经在图库页面上实现了blueimp旋转木马(2.22.0)。它工作正常,并在旋转木马中显示图像。但它也以一种准灯箱风格显示旋转木马下方的所有图像。这是我的密码 <link href="~/Content/Css/blueimp-gallery.min.css" rel="stylesheet" /> <div class="page-header"> <h2>@Model.Name</h2> </div> <!-
<link href="~/Content/Css/blueimp-gallery.min.css" rel="stylesheet" />
<div class="page-header">
<h2>@Model.Name</h2>
</div>
<!-- The Gallery as inline carousel, can be positioned anywhere on the page -->
<div id="blueimp-gallery-carousel" class="blueimp-gallery blueimp-gallery-carousel">
<div class="slides"></div>
<h3 class="title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="play-pause"></a>
<ol class="indicator"></ol>
</div>
<div id="links">
@foreach (GalleryViewItemVM item in Model.Images)
{
<a href="@item.ImagePath" title="">
<img src="@item.ThumbPath" alt="">
</a>
}
</div>
<script src="~/Scripts/blueimp-gallery.min.js"></script>
<script>
blueimp.Gallery(
document.getElementById('links').getElementsByTagName('a'),
{
container: '#blueimp-gallery-carousel',
carousel: true
}
);
</script>
@型号.名称
}
蓝精灵画廊(
document.getElementById('links').getElementsByTagName('a'),
{
容器:“#蓝精灵画廊旋转木马”,
旋转木马:对
}
);
为了完整起见,我使用了razor和bootstrap 3,尽管我认为这与此无关。
标记中的
标记是不必要的,并且导致了不必要的行为