forummaker Posted October 25, 2010 Share Posted October 25, 2010 I've been looking for a good looking image/banner slider for my site when I came across this... Nivo Slider. Looks like a very good image/banner slider. I would love to add this to my site. I tried to add the code and files as instructed by the website. I figured it would take some code editing to get this up and running. I just couldn't get it working right... well... working at all actually. If anyone has any advice or can offer any help with this would be greatly appreciated. I'm sure other osc users would love this too. Here's a link to the site: Here Here's the steps I've taken so far.. and again... I'm missing a lot that needs to be done I'm sure. Added the following code to my footer.php file. (that is where i put most of my <script> code) <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="jquery.nivo.slider.pack.js" type="text/javascript"></script> Then added these files to my directory/: jquery.nivo.slider.pack.js nivo-slider.css Then I added this code where I wanted the banner to display: <div id="slider"> <img src="images/myimage1.jpg" alt="" /> <a href="http://mysite.com"><img src="images/myimage2.jpg" alt="" title="My Caption" /></a> <img src="images/myimage3.jpg" alt="" title="This is an example of a caption" /> <img src="images/myimage4.jpg" alt="" /> </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> I also added this to the same area that I added the other <script> (but it's probably in the wrong spot.. maybe): <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> Thanks again for any help or insight... really appreciate it. Quote That "Can" you're about to open... has worms! Don't say I didn't worn ya. n. pl. cans of worms Informal - A source of unforeseen and troublesome complexity. Link to comment Share on other sites More sharing options...
forummaker Posted October 25, 2010 Author Share Posted October 25, 2010 Now... after fiddling with this for a bit, I found that I may not even be able to use it... Bummer! It's conflicting with another script on the page: <script type="text/javascript" src="lightbox/prototype.js"></script> <script type="text/javascript" src="lightbox/scriptaculous.js?load=effects"></script> <link rel="stylesheet" href="lightbox/lightbox.css" type="text/css" media="screen"> <script type="text/javascript" src="lightbox/builder.js"></script> <script type="text/javascript" src="lightbox/lightbox.js"></script> I would prefer to continue to use lightbox... therefore if there is not a conflict fix for this... I'll leave it alone. But again, this may be a good mod for someone that does not use anything that may conflict with the code. Thanks. Quote That "Can" you're about to open... has worms! Don't say I didn't worn ya. n. pl. cans of worms Informal - A source of unforeseen and troublesome complexity. 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.