사진 여러장 자동으로 넘어가기

다운로드

<article id="slideshow">

<ul id="slides">

<c:if test="${not empty mainImage }">

    <c:forEach items="${mainImage}" var="s"> 배경사진 여러개

  <li class="main1" style="background:url(/upload/mainvisual/${s.main_visual_save}) no-repeat       center center; background-size: 1920px 494px;" <c:if test="${s.main_visual_link != ''}">onclick="window.open('${s.main_visual_link}')"</c:if>> 사진찍을때 링크가기 (예:네이버)

 

<c:if test="${s.main_visual_type != '' }">

  <img src="<c:url value="/images/wvletter/main/main_visual_icon.png"/>" alt=""/> 

     배경사진 위에사진 

    <p>${s.main_visual_type }</p>   사진위에 글

  </c:if>

 </li>

</c:forEach>

</c:if>

</ul> 

<ul id="pagination" class="pagination"> 

<c:if test="${not empty mainImage }">   

<c:forEach items="${mainImage}" var="s" varStatus="i">

<li onclick="slideshow.pos(${i.index})">${i.index+1}</li> 

</c:forEach>

</c:if> 사진 여러장 넘어가게하기, 이안의 온클릭 지워도 상관없음

</ul>

</article>

<script type="text/javascript"> 

var slideshow=new TINY.fader.fade('slideshow',

{ id:'slides',      //ul 태그 아이디넣기

auto:1,                 

resume:true,

navid:'pagination',

activeclass:'current',

visible:true,

position:0

});

</script>