Login   Register  
Icontem

File: slideshow_images.html

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  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: 2012-11-22 07:02
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>