jQuery News Ticker - not working on my site

Question

I'm trying to use the jQuery news ticker code from http://www.jquerynewsticker.com but seem to be unable to make it work.

I've reviewed the code on the code's home page, reviewed / compared my markup and code placement, tried to follow the code with Firebug and it still doesn't function. Perhaps I've made a mistake somewhere but I can't find it or perhaps there's some other thing I've missed.

I've put the code I'm using at:

http://www.homes-in-naperville.com/banana.html

I would welcome comments that would help me lead to a solution to get it working.

Answer 1

In the javascript on your site you have put the javascript directly in the page without the DOM ready handler, and also the syntax is a little off.

Change it to the following and it should work:

<script type="text/javascript">
    $(function () {
        $('#ticker').ticker({
            speed: "0.10",
            pauseOnItems: "5000",
            fadeInSpeed: "600",
            fadeOutSpeed: "900"
        });
    });
</script>

Answer 2

attach this script to your site

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>