jQuery scroller not working in C5

Permalink
I realize that C5 already has jQuery installed and so adding in other libraries messes stuff up but could anyone take a quick looksie at the source code at the provided link (mainly the javascript file) and give me an idea as to why this works outside of C5 but not in C5? Are there parts of the JS that could be quickly edited to work in C5? The JS file is very small so I would think someone who understands this could quickly identify what needs to change.

Here is the javascript file:
http://tinyurl.com/ycgalof

Here is the demo page:
http://tinyurl.com/ybzdq2s

Thanks

 
Mnkras replied on at Permalink Reply
Mnkras
can you link to the c5 site where you are trying to get it to work? also how are you loading it via a block, theme? what
TNTdesign replied on at Permalink Reply
Here is a link to how it is currently displaying:
http://davidclarkdesign.com/clients/Bowman/...

The unstyled blue text should be panning from right to left. I am not loading it in from a block at this point, but I will once I get it working - I would just use the content editor block to edit the list.
Pritam replied on at Permalink Reply
you should try copying the contents of jquery.li-scroller.1.0.js and paste it between a <script></script> into the theme header.php or

<script type="text/javascript" src="<?php echo $this->getThemePath()?>/jquery.li-scroller.1.0.js"></script>

into the theme header.php
TNTdesign replied on at Permalink Reply
Thanks Pritam but I still can't get it to work - totally stumped here. I tried moving into the header.php file and placed it in several different locations and it still gave me the same results. Moving it to certain places in the header actually caused it to not recognize the jquery slider script at all - it threw an error in the error console. So I know that it is seeing the javascript because it is currently not throwing an error about an unknown function. So it makes me think that the syntax of the script is possibly not cohesive with the jQuery library in C5. The script is not that old I think - the page where I found it was last updated December 2009.

Anymore thoughts? I'll keep poking around.

Thanks!
TNTdesign replied on at Permalink Reply
If this can't be figured out - does anyone know of a better way of doing what I am trying to do? I basically want a very simple horizontal text scroller that loops as soon as the text moves all the way to the left. I was thinking you could just animate a div inside a parent div, which would have overflow: hidden, but I am not sure how to tell it to start over again as soon as it is finished scrolling across. Would I use div.length as in: if div.length is <= 0, then left = original position and then call the original method used to animate so that it loops over and over?

That may be way off but if anyone has any ideas on how to achieve this oh so simple scroller please help - Thanks!