freshJet Posted November 8, 2014 Report Share 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 Link to comment Share on other sites More sharing options...
Moderators joeri Posted November 9, 2014 Moderators Report Share Posted November 9, 2014 anny demo of this ? Quote Link to comment Share on other sites More sharing options...
freshJet Posted November 9, 2014 Author Report Share Posted November 9, 2014 anny demo of this ? Included in the zip Quote Link to comment Share on other sites More sharing options...
tobyrice01 Posted November 12, 2014 Report Share 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 Link to comment Share on other sites More sharing options...
freshJet Posted November 12, 2014 Author Report Share 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 Link to comment Share on other sites More sharing options...
Angel Air Posted April 15, 2015 Report Share 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 Link to comment Share on other sites More sharing options...
freshJet Posted April 15, 2015 Author Report Share 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 Link to comment Share on other sites More sharing options...
Angel Air Posted April 15, 2015 Report Share 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 Link to comment Share on other sites More sharing options...
freshJet Posted April 15, 2015 Author Report Share 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 Link to comment Share on other sites More sharing options...
Angel Air Posted April 15, 2015 Report Share 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 Link to comment Share on other sites More sharing options...
freshJet Posted April 18, 2015 Author Report Share Posted April 18, 2015 Are the JS links correct? Quote Link to comment Share on other sites More sharing options...
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.