September 30, 201114 yr If anybody has had trouble getting the nivo slider to work, I have created the simplest solution to work out of the box on any project! Steps to use ============ 1. unzip, then place the folder 'nivo' into your main directory 2. go into nivo folder (on your desktop) open the index.html file. Copy and paste <link rel="stylesheet" href="nivo/nivo-slider.css" type="text/css" media="screen" /> into your <head></head> section. Then copy and paste <div class="slider-wrapper theme-default"> <div class="ribbon"></div> <div id="slider" class="nivoSlider"> <img src="nivo/images/toystory.jpg" alt="" /> <a href="http://dev7studios.com"><img src="nivo/images/up.jpg" alt="" title="This is an example of a caption" /></a> <img src="nivo/images/walle.jpg" alt="" /> <img src="nivo/images/nemo.jpg" alt="" title="#htmlcaption" /> </div> <div id="htmlcaption" class="nivo-html-caption"> <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. </div> </div> <script type="text/javascript" src="nivo/jquery-1.6.1.min.js"></script> <script type="text/javascript" src="nivo/jquery.nivo.slider.pack.js"></script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> into where you want your slider to be. Finished! Edited September 30, 201114 yr by kingy da killa
September 30, 201114 yr just be careful when you copy/paste that you've not already got or put the jquery stuff elsewhere. Much easier to have it all in one place and then you consistently know where to look.
Create an account or sign in to comment