Login   Register  
Icontem

File: example.html

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Roy Yu  >  Basic SlideShow plugin  >  example.html  >  Download  
File: example.html
Role: Example script
Content type: text/plain
Description: Dummy html
Class: Basic SlideShow plugin
jQuery plugin to present a slide show of images
Author: By
Last change: change path
Date: 2010-12-02 09:43
Size: 1,337 bytes
 

Contents

Class file image Download 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>jQuery plugin Demo</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="jquery.slideshow.js"></script>
        <link rel="stylesheet" href="example.css" type="text/css" />
    </head>
    <body>
        <div class="flash-nav">&nbsp;</div>
        <div class="cearfix">&nbsp;</div>
        <div id="img">
            <img src="http://discussions.zoho.com/getCustomFile.do?fileId=14737000000890412&forumGroupId=14737000000003003" data-caption="this is a caption of the first image" title="this is an egg" />
            <img src="http://capmarketer.com/uploads/dossiers/techniques-plugins-javascript-jquery/JS-39.jpg" title="this is a test" data-caption="this is a caption of image" />
            <img src="http://webdesignledger.com/wp-content/uploads/2009/11/jquery_tables_11.jpg" data-caption="" />
            <img src="http://www.hv-designs.co.uk/tutorials/jquery_sliding_panel/step2.gif" data-caption="this is a caption of the last image" />
        </div>
        <div class="flash-text">&nbsp;</div>
    </body>
</html>