W3.JS HTML स्लाइडशो
स्लाइड शो प्रारंभ:
w3.slideshow(selector, interval (milliseconds))
उदाहरण
<img class="nature" src="img_snowtops.jpg">
<img class="nature" src="img_mountains.jpg">
<img class="nature" src="img_nature.jpg">
<script>
w3.slideshow(".nature");
</script>
कोई ऑटोस्टार्ट नहीं
स्लाइड शो को स्वचालित रूप से प्रारंभ होने से रोकने के लिए, अंतराल पैरामीटर को 0 पर सेट करें:
उदाहरण
w3.slideshow(".nature", 0);
अगली स्लाइड
स्लाइड शो में ब्राउज़ करने के लिए बटन जोड़ें:
जब आप एक स्लाइड शो शुरू करते हैं, तो w3.slideshow() फ़ंक्शन स्लाइड शो का प्रतिनिधित्व करने वाला एक ऑब्जेक्ट देता है।
var
myShow = w3.slideshow(".nature", 0);
स्लाइड शो ऑब्जेक्ट में गुण और विधियाँ होती हैं, जैसे कि अगला () और पिछला ():
उदाहरण
<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
अधिक स्लाइडशो
किसी भी HTML तत्व को स्लाइड शो में शामिल किया जा सकता है।
सीएसएस चयनकर्ताओं का उपयोग करके परिभाषित करें।
उदाहरण
शीर्षलेख:
<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1
class="city">Tokyo</h1>
<script>
w3.slideshow(".city");
</script>