Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Nivo Slider for OSC


forummaker

Recommended Posts

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.

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

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.

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...