前台照片展示的js实现

1、导入jquery。

2、在图片展示区域写入：

<div class="mkeFocus" style="text-align:center;">
 <div class="mkeUl" >
  <ul style="width: 31752px;">
  <c:forEach items="${plist }" var="photo">
   <li><a><img src="${ctx }${ photo.pflie}" οnerrοr="this.src='${ctx}${tpl}/images/default.jpg'" width="588" height="425"><br>${photo.pname }</a></li>
   </c:forEach>
  </ul>   
  <div class="mkeNum"><span class="mke_ns1">1</span><span class="mke_ns2">${plist.size()}</span></div>
  <div class="mkeLbtn"></div>
  <div class="mkeRbtn"></div>
 </div>
</div>

<script language="javascript">
var rnum=$(".mkeUl ul li").size();
var cnum=0;
$(".mke_ns2").html(rnum);
$(".mkeUl ul").width(rnum*588);
$(".mkeRbtn").click(function(){
cnum++;
if(cnum>(rnum-1)){