Content Slider v2.4

[Tommy Menzer]

1) Script Title: Featured Content Slider v2.4

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tentslider.htm

3) Describe problem: I've tried to adapt this wonderful script to show the pagination along the right-hand side and not along the bottom. I almost have it worked, but there's something wrong and I've tried tweaking every combination with no luck for days now. Could somebody take a look at this and let me know what I'm doing wrong?!?!!

Here's a link to the live code that's messing up: http://www.creative-catering.ca/hospital/

and here's a link to a picture of how it should look: http://www.creative-catering.ca/hosp...ws_example.jpg

Thanks,
Tom

[ddadmin]

By not working, do you mean the links don't do what they are supposed do when clicked on, or just that the interface looks broken? For the former, testing your page, the pagination links do load the selected slide when clicked on. If the later, that would be a CSS/ markup issue actually, not really related to this script per say.

[Tommy Menzer]

By not working, do you mean the links don't do what they are supposed do when clicked on, or just that the interface looks broken? For the former, testing your page, the pagination links do load the selected slide when clicked on. If the later, that would be a CSS/ markup issue actually, not really related to this script per say.

Well, the programming functions properly; however, I try to make changes to the source CSS for a variety of classes in the pagination and they don't seem to take effect. No matter how many variations I try, it's like it's being overridden by something in the code/JavaScript. Sorry, I'm new to this...any help is greatly appreciated!!!!

Tommy

[ddadmin]

The script doesn't change any of the existing CSS classes in your pagination DIV's links. It only looks for links with certain CSS classes to assign special meaning to them:

<div id="paginate-slider1" class="pagination">

<a href="http://google.com">Google</a> <a href="#" class="toc">My Dog</a> <a href="#" class="toc anotherclass">My Cat</a> <a href="#" class="toc">Bob and Sue</a> <a href="#" class="prev">&lt;</a> <a href="#" class="next">&gt;</a>

</div>

In addition, other CSS classes can co-exist inside these links, such as "toc anotherclass". The only thing that may amount to the script changing your existing CSS classes is that it adds a class of "selected" to the pagination link corresponding to the current page. It does not, however, remove any existing CSS classes in the process.

[Tommy Menzer]

OK I'll try adding those new subclasses and see if I can refine it. It's based on the Yahoo! homepage news area that highlights new stories.

Thank you