Zjmainstay学习笔记

本功能的出发点是文章中的大图因为被压缩而无法清晰查看，因此通过nyroModal弹窗，将图片放大，可以更清晰的查看图片数据。

实现步骤主要有：

一、下载nyroModal库，并放入模板目录下，如图（1）所示：

图（1）将下载nyroModal库放入模板下

二、在模板中插入调用，如图（2）所示：

图（2）在模板中插入调用

//源码如下：
<link rel="stylesheet" href="/<?php echo 'templates/'.$this->template.'/js/nyroModal/styles/nyroModal.css'?>" type="text/css" />
<script type="text/javascript" src="/<?php echo 'templates/'.$this->template.'/js/nyroModal/js/jquery.nyroModal.custom.js'?>"></script>
<script type="text/javascript">
(function($){
$(document).ready(function(){
	//对文章中的每个图片加a标签，用于触发nyroModal弹窗
	$(".itemFullText img").each(function(){
		$(this).wrap('<a href="'+$(this).attr('src')+'" class="popupImg"></a>');	//a标签的href为图片src
	});
	//响应弹窗
	$(".popupImg").nm();  //nm()是nyroModal的弹窗调用方法
});
})(jQuery);
</script>