freshJet Posted November 8, 2014 Report Posted November 8, 2014 Decided to post this here as it's now lying around doing nothing. It's a jQuery slideshow plugin I created a few months ago, with the intention of publishing it elsewhere commercially. Instead, I'm posting it here for free. jQuery image sliders/slideshows are popular on VA websites. A lot of the times the ones available are quite complex. I remember when I first started making them I felt they were too complex for my needs. It's being released under the MIT licence, so you can use it as you wish, even commercially, provided you keep the copyright header in the code. Enjoy! simpleSlideshow.zip 1 Quote
Moderators joeri Posted November 9, 2014 Moderators Report Posted November 9, 2014 anny demo of this ? Quote
freshJet Posted November 9, 2014 Author Report Posted November 9, 2014 anny demo of this ? Included in the zip Quote
tobyrice01 Posted November 12, 2014 Report Posted November 12, 2014 Thank you! How do I install it? I don't understand the instructions..... where do I put the files, and where EXACTLY do I put the code? Quote
freshJet Posted November 12, 2014 Author Report Posted November 12, 2014 Thank you! How do I install it? I don't understand the instructions..... where do I put the files, and where EXACTLY do I put the code? Where do you want it? Quote
Angel Air Posted April 15, 2015 Report Posted April 15, 2015 Where do the files need to be placed for this to work? And how do you use it say on the frontpage? Scott Quote
freshJet Posted April 15, 2015 Author Report Posted April 15, 2015 Where do the files need to be placed for this to work? And how do you use it say on the frontpage? Scott Hi, Have a look at the docs. Quote
Angel Air Posted April 15, 2015 Report Posted April 15, 2015 Hi, Have a look at the docs. Hi Ian, I have followed the doc's and can get the images to display on the frontpage but they are all under each other as one block of images how do I seperate them ? Thanks Scott Quote
freshJet Posted April 15, 2015 Author Report Posted April 15, 2015 Hi Ian, I have followed the doc's and can get the images to display on the frontpage but they are all under each other as one block of images how do I seperate them ? Thanks Scott Show me your code. Quote
Angel Air Posted April 15, 2015 Report Posted April 15, 2015 Show me your code. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <script src="source/jquery.min.js"></script> <script src="source/jquery-ui.min.js"></script> <script src="source/slideshow.min.js"></script> <head> <link rel="stylesheet" href="source/slideshow.css" type="text/css" /> <div id="slideshow" class="slider"> <img src="http://angelairva.co.uk/lib/skins/pureHTML5_blue/images/Screenshot_2.png" alt="" width="630" height="260"><img src="http://angelairva.co.uk/lib/skins/pureHTML5_blue/images/banner1.jpg" alt="" width="630" height="260" /><img src="http://angelairva.co.uk/lib/skins/pureHTML5_blue/images/Screenshot_3.png" alt="" width="630" height="260" /><img src="http://angelairva.co.uk/lib/skins/pureHTML5_blue/images/Screenshot_5.png" alt="" width="630" height="260" /><img src="http://angelairva.co.uk/lib/skins/pureHTML5_blue/images/Screenshot_6.png" alt="" width="630" height="260" /><img src="http://angelairva.co.uk/lib/skins/pureHTML5_blue/images/Screenshot_7.png" alt="" width="630" height="260" /><img src="http://angelairva.co.uk/lib/skins/pureHTML5_blue/images/Screenshot_10.png" alt="" width="630" height="260" /><img src="http://angelairva.co.uk/lib/skins/pureHTML5_blue/images/Screenshot_12.png" alt="" width="630" height="260" /><img src="http://angelairva.co.uk/lib/skins/pureHTML5_blue/images/Screenshot_14.png" alt="" width="630" height="260" /><img src="http://angelairva.co.uk/lib/skins/pureHTML5_blue/images/Screenshot_15.png" alt="" width="630" height="260" /> </div> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> $(".slider").slider({ interval: 5000, effect: 'slide' }); <body> </body> </html> Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.