点击图片悬浮，轮播，并支持缩放 放大功能

$(function (){
	var style = document.createElement('style');
	var theHead = document.head || document.getElementsByTagName('head')[0];
	style.appendChild(document.createTextNode('#zoombox{z-index:9999;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);width:100%;height:100%}#zoombox .zoomswiper{width:100%;height:100%}#zoombox_close{z-index:10000;position:fixed;right:10px;top:10px;width:35px;height:35px}'));
	theHead.appendChild(style);

	$(".edit img").click(function(){
		var index=$("#edit img").index($(this));
		console.log(index);
		$("#zoombox").remove()
		var html='<div id="zoombox"><div class="swiper-container zoomswiper"><div class="swiper-wrapper">';
		$.each($(this).parents(".edit").find("img"), function( k, v ) {
			html+='<div class="swiper-slide"><div class="swiper-zoom-container"> <img src="'+$(this).attr("src")+'"> </div></div>';
		});
		html+="</div> <div class='swiper-pagination'></div></div></div>";
		$("body").append(html);
		$("#zoombox").append("<img id='zoombox_close' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEz0lEQVR4Xu1by1EbQRCV+F2NI7DIACIwisAoAkMERgegOBlOFHAQjsByBMYRWBlYGViOwPKV/2t5Bi+7PTuf3l6vCqZKJQrtzvR7/Znunt1265mP9jPH33oh4MUCamDg7Oxs/f7+fnNhYeENLYe/1/G1ik/HLD/F9xifKX77Rf+7u7sbHh4eTrTFU3OBk5MTArzZbrffAQQBThkj3D++ubn5BjJGKRP47qmUgMFgsHp1dbUNod8LQLtkJus4Pjg4uPCBivm9MgJI44uLiwMF4Hk85BbH+/v7wxigrmvFBNQIPI9hbCziUkKEiIDT09NdmPtHE9AkciTfa0g4Sp0giQDy9evrazL37dSFK75vBJfopswZTYAB/xmLbaUsqHjP+Pb2the7dUYRYMD/AIiOIhDJ1FOQsBFDQjABDdZ8ITjCHTZCWQwmANkcmX1TfN6HLzgmBBFgoj0FvbkZ2B36IUmTlwCA38JWR9qn3H2uBkjogYTSPMFLAEz/O1BvzhXyf8JOEA/WymQvJcBo/+ucgrdi75SlzU4CTNQn7adWck3hbQoCXruEcRIgCHxU1++YBSlNliZMNN8n+PMUsehDijuWpctOAuD7P7FYJ1aNSES62dpduH2Ol5eXu/1+nxomLRReHVScJFfscFoBSwB1cLACZXzRAwSs5TOxRBKegBcS0MorxgJjCYD5H5kqL5oA3MAmIZEkjKD5ntW8FeL8/HwAc95NEQr3DBELrGs+TuGyANK+JPhJSGDBC5VCgFk3KBAgMf+cZlJI0AI/E41zzwIBgujPWWYMCargSTguPeYIkPh/Kgnq4EkwxLWLvb29flZIzgU0qr4yS+hwAa8Cn+eUcYlA2PMRQKmvNHkJtgTKOPPRPnLHiNkUCorgLCApAQqUwlunK4Jnd4K6CSAhnCQogw8m4Deu1Kz9h/B5WP3f9DY76ii9EQOeKJ2zAGkSVOYNTvD2JmUSCv0BjgCtBkgBPBcAiQhFEsb5hmmBAGG+zWqf9t+lpaXjrNlnDlc63KGGEgmFekCdAA/4bcOYK0+o1BqDEqEqU+FA8NZq1EkISoWNadJOIBqR4GshgesJuMphUTKUCF6bhEIApAVZAoSBkI32kafJlbsD5/9OAiQ9gbyZCc4UCyQIeoJUCrOHJBpN0ceeoAA86w4CxUyRfa5x2adKWxxWMKu50cGlNra0shxhvlkvD/NRm91uncFBOqktbjIyUTAMljDsQqodUmoUp/adMSCTlxPb1CCZ2+F7hijkcLRJVhCriAl8f4PzfTuRlwDzGBylpPM4Sg9GvS5gEQvzgv9CnGvfzwvjtYBMPNDqFWoQdAnT3ykz/WAXyEqHfVizWVIVEYUzxbKJgy2AJjGJDQXFlO2oKoBl89BW2UV/gY7Ug0YUARkSmvjghP6Dkjl3aFJMYE+WQkwg2gKykyqd3oTI/XgNV3rHTCAigBYyeQJli52YhSu4dvbojPS9ATEBFohppVHxo03E7M2RlZWVYcg25yO6MgJyRGg8VVopcCtv5QRkiNjCS1NvoS0qh1Otgp4MG2KOL0hsJlVoPG8RagRkF7JvkIGQVwBDZNhX5uhv2rvtZwLAE7wy9wffdJQdvJ/7TN31ey0EpApXx30vBNTBcpPXePYW8AAIYcNfaQrrtQAAAABJRU5ErkJggg==''></img>");
		
			var mySwiper = new Swiper('.zoomswiper',{
		        zoom : true, //开启缩放功能
		        grabCursor : true,
		        pagination: {
				    el: '.swiper-pagination',
				  },
		        
		    })
			mySwiper.slideTo(index);
		    $("#zoombox_close").click(function(){
		    	$("#zoombox").remove()
		    })	
	})
});

快捷键：点击图片悬浮，轮播，并支持缩放 放大功能

源：

sublime_text格式

<snippet>
    <content><![CDATA[
\$(function (){
	var style = document.createElement('style');
	var theHead = document.head || document.getElementsByTagName('head')[0];
	style.appendChild(document.createTextNode('#zoombox{z-index:9999;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);width:100%;height:100%}#zoombox .zoomswiper{width:100%;height:100%}#zoombox_close{z-index:10000;position:fixed;right:10px;top:10px;width:35px;height:35px}'));
	theHead.appendChild(style);

	\$(".edit img").click(function(){
		var index=\$("#edit img").index(\$(this));
		console.log(index);
		\$("#zoombox").remove()
		var html='<div id="zoombox"><div class="swiper-container zoomswiper"><div class="swiper-wrapper">';
		\$.each(\$(this).parents(".edit").find("img"), function( k, v ) {
			html+='<div class="swiper-slide"><div class="swiper-zoom-container"> <img src="'+\$(this).attr("src")+'"> </div></div>';
		});
		html+="</div> <div class='swiper-pagination'></div></div></div>";
		\$("body").append(html);
		\$("#zoombox").append("<img id='zoombox_close' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEz0lEQVR4Xu1by1EbQRCV+F2NI7DIACIwisAoAkMERgegOBlOFHAQjsByBMYRWBlYGViOwPKV/2t5Bi+7PTuf3l6vCqZKJQrtzvR7/Znunt1265mP9jPH33oh4MUCamDg7Oxs/f7+fnNhYeENLYe/1/G1ik/HLD/F9xifKX77Rf+7u7sbHh4eTrTFU3OBk5MTArzZbrffAQQBThkj3D++ubn5BjJGKRP47qmUgMFgsHp1dbUNod8LQLtkJus4Pjg4uPCBivm9MgJI44uLiwMF4Hk85BbH+/v7wxigrmvFBNQIPI9hbCziUkKEiIDT09NdmPtHE9AkciTfa0g4Sp0giQDy9evrazL37dSFK75vBJfopswZTYAB/xmLbaUsqHjP+Pb2the7dUYRYMD/AIiOIhDJ1FOQsBFDQjABDdZ8ITjCHTZCWQwmANkcmX1TfN6HLzgmBBFgoj0FvbkZ2B36IUmTlwCA38JWR9qn3H2uBkjogYTSPMFLAEz/O1BvzhXyf8JOEA/WymQvJcBo/+ucgrdi75SlzU4CTNQn7adWck3hbQoCXruEcRIgCHxU1++YBSlNliZMNN8n+PMUsehDijuWpctOAuD7P7FYJ1aNSES62dpduH2Ol5eXu/1+nxomLRReHVScJFfscFoBSwB1cLACZXzRAwSs5TOxRBKegBcS0MorxgJjCYD5H5kqL5oA3MAmIZEkjKD5ntW8FeL8/HwAc95NEQr3DBELrGs+TuGyANK+JPhJSGDBC5VCgFk3KBAgMf+cZlJI0AI/E41zzwIBgujPWWYMCargSTguPeYIkPh/Kgnq4EkwxLWLvb29flZIzgU0qr4yS+hwAa8Cn+eUcYlA2PMRQKmvNHkJtgTKOPPRPnLHiNkUCorgLCApAQqUwlunK4Jnd4K6CSAhnCQogw8m4Deu1Kz9h/B5WP3f9DY76ii9EQOeKJ2zAGkSVOYNTvD2JmUSCv0BjgCtBkgBPBcAiQhFEsb5hmmBAGG+zWqf9t+lpaXjrNlnDlc63KGGEgmFekCdAA/4bcOYK0+o1BqDEqEqU+FA8NZq1EkISoWNadJOIBqR4GshgesJuMphUTKUCF6bhEIApAVZAoSBkI32kafJlbsD5/9OAiQ9gbyZCc4UCyQIeoJUCrOHJBpN0ceeoAA86w4CxUyRfa5x2adKWxxWMKu50cGlNra0shxhvlkvD/NRm91uncFBOqktbjIyUTAMljDsQqodUmoUp/adMSCTlxPb1CCZ2+F7hijkcLRJVhCriAl8f4PzfTuRlwDzGBylpPM4Sg9GvS5gEQvzgv9CnGvfzwvjtYBMPNDqFWoQdAnT3ykz/WAXyEqHfVizWVIVEYUzxbKJgy2AJjGJDQXFlO2oKoBl89BW2UV/gY7Ug0YUARkSmvjghP6Dkjl3aFJMYE+WQkwg2gKykyqd3oTI/XgNV3rHTCAigBYyeQJli52YhSu4dvbojPS9ATEBFohppVHxo03E7M2RlZWVYcg25yO6MgJyRGg8VVopcCtv5QRkiNjCS1NvoS0qh1Otgp4MG2KOL0hsJlVoPG8RagRkF7JvkIGQVwBDZNhX5uhv2rvtZwLAE7wy9wffdJQdvJ/7TN31ey0EpApXx30vBNTBcpPXePYW8AAIYcNfaQrrtQAAAABJRU5ErkJggg==''></img>");
		
			var mySwiper = new Swiper('.zoomswiper',{
		        zoom : true, //开启缩放功能
		        grabCursor : true,
		        pagination: {
				    el: '.swiper-pagination',
				  },
		        
		    })
			mySwiper.slideTo(index);
		    \$("#zoombox_close").click(function(){
		    	\$("#zoombox").remove()
		    })	
	})
});
]]></content>
   <tabTrigger>点击图片悬浮，轮播，并支持缩放 放大功能(点击图片悬浮，轮播，并支持缩放 放大功能)</tabTrigger>
   <scope></scope>
</snippet>