EasySlide
<script type="text/Javascript" src="http://vineyard.wdfiles.com/local--files/easyslide:main/jquery-1.7.1.min.js"></script> <script type="text/Javascript" src="http://vineyard.wdfiles.com/local--files/easyslide:main/jquery.easyslides.min.v1.1.js"></script> <link rel="stylesheet" type="text/css" href="http://vineyard.wdfiles.com/local--files/easyslide:main/easySlides.default.min.css" /> <style type="text/css"> #slider { width:850px; height:250px; } #example_1_container .easy_slides_caption { width:850px; height:50px; padding: 10px 0 0 10px; } </style> // Set up our options for the slideshow... var myOptions = { noImages: 4, // Number of images path: /local--files/easyslide:main/", // Relative path with trailing slash. captions: { // HTML can be included in the captions. 1: 'Dundonnell/Braemore towards Ullapool', 2: 'Dundonnell', 3: 'Dundonnell', 4: 'Dundonnell', }, links: { // Should the images link anywhere? if no links are required at all then this option can be omitted. 1:"http://www.dundonnellstores.co.uk", 2:"http://www.dundonnellstores.co.uk", 3:"http://www.dundonnellstores.co.uk", 4:"http://www.dundonnellstores.co.uk", }, linksOpen:'newWindow', // How to open links? sameWindow or newWindow. timerInterval: 3000, // 6500 = 6.5 seconds randomise: yes // Start with random image? true=yes/false=no }; // Initiate the Easy Slides plugin, assigning it to your contaner DIV... $('#slider).easySlides(myOptions); <div id="slider" class="easy_slides_container"></div>
page revision: 27, last edited: 21 Feb 2012 19:52