Jquery Image 滑块在项目符号悬停时显示缩略图

【问题标题】：Jquery Image slider showing thumbnails on bullets hoverJquery Image 滑块在项目符号悬停时显示缩略图
【发布时间】：2015-08-22 09:16:26
【问题描述】：

是否有任何响应式 jQuery 插件用于显示图像滑块并在项目符号悬停时显示缩略图。尝试了 LayerSlider 插件，但整个图像不可见。请帮忙

提前致谢

【问题讨论】：

标签： php html jquery-plugins

【解决方案1】：

我想到了 wowslider 或 sliderrevolution。我认为两者都应该适合您的需求。

【讨论】：

应该类似于LayerSlider。请参考网址：kreaturamedia.com/layerslider-responsive-jquery-slider-plugin
图像滑块的底部，显示项目符号，悬停时显示缩略图

【解决方案2】：

看到这个网址你会知道http://codepen.io/zuraizm/pen/vGDHl它工作得很好enter code here http://codepen.io/zuraizm/pen/vGDHl

【讨论】：

在你的图片中使用锚标签内的一些很棒的字体图标

【解决方案3】：

如果你反对LayerSlider，似乎没有太多的麻烦你可以用悬停功能自己实现一个类似的东西吗？

var mainImage = $("#mainImage");
$(".img-container img").hover(function(){
  var src = $(this).attr("src");
  $("#mainImage").attr("src",src);
});

mainImage.on("click",function(){
   $(this).css("transform","scale(2)");
});

【讨论】：