Jquery Slideshow in page not working

I am trying to integrate a jquery slideshow, but its doesn't work. I am using 3 files jquery, jquery cycle plugin and slideshow stylesheet, both are included in page but slidesow is not moving. Here is the link, the slideshow is in #slider ul .

http://tinyurl.com/88aotym

The relavant folder which has js and stylesheet is 'cat-slider'.

This is jquery function in the head section

    <script type="text/javascript">

   $(function() 
   {
    $(".slider ul")
    .cycle({
        prev:   '.slider .controls .prev', 
        next:   '.slider .controls .next',
        timeout: 3000,
        pager:   '.slider .controls .pages',
        pagerAnchorBuilder: pagerFactory,
        before: function(Ec, En, o, f) 
        {           
            var classTarget = $(Ec);
            var nextClassTarget = $(En);

            classTarget = classTarget.context.attributes.rel.value;
            nextClassTarget = nextClassTarget.context.attributes.rel.value;

            $('.slider .controls .' + classTarget).removeClass('selected');
            $('.slider .controls .' + nextClassTarget).addClass('selected');
        }
    });

    // Pager Function
    function pagerFactory(idx, slide) 
    {
        var selected = (idx == 0 ? 'selected' : null);
        return '<img src="http://mysite.com/wp-content/plugins/cat- slider/images/blank.gif" width="13" height="14" class="number '+ selected + ' ' + parseInt(idx+1)+'" />';
    };
});

</script>

Answers


I checked Your code with some breakpoints and as it turned out browser even don't jump into Your script code. Try change this:

$(function() 
   {

to this:

$(function() {

That's not a joke ;) I heard recently that in JS sometimes ';' are inserted automatically at the end of the line even if we don't want that in that place. Maybe it is happening in Your code.


Need Your Help

Create Nuget Pacakge with configuration of cloud config(ServiceDefinition.csdef) file

azure nuget-package

I would like to build Nuget package for my add-on which will be used by end user to install as startup task and after that they will upload their applications on window azure platform.

get_query_var returning nothing or 0?

php wordpress woothemes

Im using canvas template for my website, and I have also created my customized search in search.php

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.