Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- NOTES! This was not constructed by my! -->
- Credit to Aminur Rashid <a href="https://stackoverflow.com/questions/41541559/multiple-slideshows-on-one-page-makes-the-first-one-not-work-anymore">Aminur Rashid</a>
- <!-- !! Make sure to use the lasted version of Jquery. -->
- <!-- Add the jQuery script from (slideshow_controller.js) to the end of this file -->
- <link href="http://www.w3schools.com/lib/w3.css" rel="stylesheet"/>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
- <h2 class="w3-center">Manual Slideshow</h2>
- <div class="w3-content w3-display-container slider" id="div1">
- <img class="mySlides" src="https://i.imgur.com/eLarayS.jpg" style="width:100%">
- <img class="mySlides" src="https://i.imgur.com/xpOiMWh.jpg" style="width:100%">
- <img class="mySlides" src="https://i.imgur.com/lgcC8Y5.jpg" style="width:100%">
- <img class="mySlides" src="http://i.imgur.com/ufmiVTQ.jpg" style="width:100%">
- <a class="w3-btn-floating w3-display-left" onclick="plusDivs(this,-1)">❮</a>
- <a class="w3-btn-floating w3-display-right" onclick="plusDivs(this,1)">❯</a>
- </div>
- <div class="w3-content w3-display-container slider" id="div2">
- <img class="mySlides" src="https://i.imgur.com/eLarayS.jpg" style="width:100%">
- <img class="mySlides" src="https://i.imgur.com/xpOiMWh.jpg" style="width:100%">
- <img class="mySlides" src="https://i.imgur.com/lgcC8Y5.jpg" style="width:100%">
- <img class="mySlides" src="http://i.imgur.com/ufmiVTQ.jpg" style="width:100%">
- <a class="w3-btn-floating w3-display-left" onclick="plusDivs(this, -1)">❮</a>
- <a class="w3-btn-floating w3-display-right" onclick="plusDivs(this, 1)">❯</a>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement