photoslider-Native JS Mobile development Carousel diagram, album slide plugin

For more information, please click here.

Online Preview Download Now

How to use: refer to CSS files and JS files respectively such as: <link rel="stylesheet" type="text/css" href="css/photoSlider.min.css" /> <script src="js/photoSlider.min.js" type="text/javascript" charset="utf-8"></script> HTML: <li><a href="http://www.j--d.com"></a></li> <li><a href="http://www.j--d.com"></a></li> <li><a href="http://www.j--d.com"></a></li> javascript: window.onload=function(){ photoSlide({ wrap: document.getElementById(‘photo‘),//最外层容器 loop: true,//设置无缝循环 autoPlay:true,//自动轮播 autoTime:4000,//轮播时间间隔 pagination:true //点状态列表 }); } Complete Example:

<! DOCTYPE html>

<script src= "Js/photoslider.min.js" type= "Text/javascript" charset= "Utf-8" ></script> <script type= " Text/javascript "> document.onreadystatechange = subsomething; function subsomething () {if (document.readystate = = ' complete ') {setTimeout (function () {var load= document.getElementById (' loading '); load.style.opacity=0; document.getElementById (' Pic-view '). SetAttribute (' class ', ' Pic-view Show '); Load.remove (); },500); }} window.onload=function () {photoslide ({wrap:document.getElementById (' photo '), Loop:true, Autoplay:true, Autotime : 4000, pagination:true}); } </script>

Phone preview effect scan QR code:

Online Preview Download Now

For more information on HTML5 Mobile, click

photoslider-Native JS Mobile development Carousel diagram, album slide plugin