File: slideshow_images.html

Recommend this page to a friend!
  Classes of MarPlo   JS Slideshow Content   slideshow_images.html   Download  
File: slideshow_images.html
Role: Example script
Content type: text/plain
Description: Example Slideshow with images
Class: JS Slideshow Content
Present a slide show of HTML content
Author: By
Last change:
Date: 11 years ago
Size: 1,475 bytes
 

Contents

Class file image Download
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>JavaScript Slideshow Images</title> <meta name="description" content="JavaScript Slideshow images, with Start, Stop, Next, Previous options. From http://coursesweb.net/" /> <meta name="keywords" content="slideshow, images slideshow" /> <style> /* Slideshow */ #slshow .slshowc { display: none; } #slshow #firstsls { display: block; } </style> </head> <body> <div id="slshow"> <div class="slshowc" id="firstsls" > <h4>Image 1</h4> <img src="imgs/img1.jpg" width="125" height="125" alt="Slideshow content" /><br/> - Description Image 1. </div> <div class="slshowc"> <h4>Second image</h4> <img src="imgs/img2.jpg" width="125" height="125" alt="Second image" /><br/> - Description Second image. </div> <div class="slshowc"> <h4>Image 3</h4> <img src="imgs/img3.jpg" width="125" height="125" alt="Slideshow images" /><br/> - Description Image 3. </div> </div><br/> <button onclick="slshow.sShow('gonext')">Start</button> - <button onclick="slshow.sShow('stop')">Stop</button> / <button onclick="slshow.sShow('back')">&lt;- Back</button> | <button onclick="slshow.sShow('next')">Next -&gt;</button> <script src="slideshow_cnt.js" type="text/javascript"></script> <div style="margin-top:288px;text-align:center;"><a href="http://coursesweb.net/javascript/" title="Free JavaScript - jQuery Course">Free JavaScript / jQuery Course - http://coursesweb.net</a></div> </body> </html>