Step Carousel Button Problem

[anybudy]

1) Script Title: Step Carusel

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

just saved as the js files on the page.

3) Describe problem: I couldnt make buttons visible or work.


I am using ddaccordion, lightbox, and had no problem everything is well, I just have problem with the buttons on the belt.

here is my link www.alpinedh.com/test/

Thank you. DD!!

[ddadmin]

Hmm the error in the JavaScript debugger seems to suggest there is an error in your definition of your default buttons, though it looks right to me:


defaultbuttons: {enable: true, moveby: 1, leftnav: ['leftnav.gif', -5, 100], rightnav: ['rightnav.gif',-5, 100]},

Just to eliminate the issue being a conflict between scripts, what happens if you remove all other scripts on the same page (ie: Accordion Menu)?

[anybudy]

Thank you for your interest and fast reply.

When I first worked on the script, I was testing with the same files and without an accordion on the page, it was same, could not see the buttons. I thought I will solve it later but I couldnt. It seems to me kind of css issue. I am not at good at css and javascript unfortunately, its my brothers web site just helping them with the site. thank you DD!

[ddadmin]

It's a scripting error, as Firefox's JS debugger complains of the following:


Error: $("<img src=\"" + config.defaultbuttons.leftnav[0] + "\">") is null
Source File: http://www.alpinedh.com/test/js/stepcarousel.js
Line: 64

As mentioned though, it seems you've set up the "defaultbuttons" option correctly. Try creating a blank page with just the Carousel script on it- do the buttons work?

[anybudy]

you were right, it works without the accordion and any other css
here is the link if you needed it.
http://www.alpinedh.com/test/gallery.html
confused now.:confused:

[anybudy]

I have removed this line
<script type="text/javascript" src="js/prototype.js"></script>
and I could see the arrows.

[ddadmin]

Ok, looks like a conflict with the jQuery library and Prototype then. Try the below modified .js file, which should take care of the issue. Let me know.

[anybudy]

I solved it putting the arrows on left and right manually. But your js solves the issue, everything works well! Now I have 4 buttons :DDD