JQ实现点击小图显示大图
代码块
js，例如：
/*图片*/
$('.imgJs').each(function() {
var imgHeight = $(this).height(),
aHeight = $(this).parent().height();
if(imgHeight'height':aHeight,'width':'auto'})
}
});
/*图片显示大图*/
$('.deImg').each(function() {
$(this).click(function(){
$('body').css({'height':'100%','overflow':'hidden'});
$('.imgBg').fadeIn(500);
var src = https://www.it610.com/article/$(this).attr('src');
$('.showImg').attr('src',src);
var winHeight = $(window).height();
var imgHeight = $('.showImg').height();
if(imgHeight【JQ实现点击小图显示大图】html，例如：
文章图片
文章图片
推荐阅读
- 针对 jQuery 的优化方法有哪些
- javascript|关于input的change事件触发多次发解决
- jquery Colorbox 传值
- Jquery 操作 Frame示例
- 代码记录|jquery获取select框的值、单选框的值、textarea的值、获取input框的值
- jQuery Infinite Ajax Scroll(ias) 分页插件介绍
- jQuery|jQuery 基础教程目录
- jquery.ui.droppable中文文档
- JS|Swiper插件的简单使用
- jquery|总结jQuery/js常用方法