PhotoSlider-native js mobile development carousel image, album slide plug-in, photoslider-js

PhotoSlider-native js mobile development carousel image, album slide plug-in, photoslider-js

For details, click

Online Preview download now

Usage: Reference css files and js files respectively, for example: <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'), // The outermost container loop: true, // set the seamless loop autoPlay: true, // automatic carousel autoTime: 4000, // The carousel interval pagination: true // vertex Status List });} Complete example:

<! DOCTYPE html>

</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>

Please scan the QR code for the mobile phone preview effect: Online Preview download now

For more information on html5 mobile phones, click