Connect_logo_6.png 退出
前端視頻教程 小程序 眾籌源碼 python 商城源碼 商城模板 響應式模板 中文模板 手機模板 企業源碼
充值

jQuery點擊彈窗圖片放大查看插件

作者/代碼整理:  (轉載請附加本文地址,帶有“懶人原生”字樣的謝絕轉載) 發布日期:2018-09-19
一款強大的jQuery點擊彈窗圖片放大查看插件,支持鍵盤左右按鍵和鼠標滾輪切換預覽圖片,最大化、最小化窗口預覽。


js代碼

<script src="js/jquery.mousewheel.min.js"></script>
<script src="js/pictureViewer.js"></script>
<script>
$(function () {
	$('.image-list').on('click', '.cover', function () {
		var this_ = $(this);
		var images = this_.parents('.image-list').find('.cover');
		var imagesArr = new Array();
		$.each(images, function (i, image) {
			imagesArr.push($(image).children('img').attr('src'));
		});
		$.pictureViewer({
			images: imagesArr, //需要查看的圖片,數據類型為數組
			initImageIndex: this_.index() + 1, //初始查看第幾張圖片,默認1
			scrollSwitch: true //是否使用鼠標滾輪切換圖片,默認false
		});
	});
});
</script>

极速快三全天人工计划