carousel not sliding…

I updated the plugin today and started having a bunch of problems, right now I am using the clear-slider theme and have made several sizing modifications. But it wasn’t sliding before I made these mods.

Which modifications did you made to fix WP Carousel? I’m working in a bug-fix release and I’m interested about any solution to any bug of WP Carousel 1.0.

Currently I have the sizing all set, but it doesn’t slide to show any additional images. I have over 30 in teh category, and am asking it to show 10. It shows 8 live, but doesn’t slide to show any more. I had been working before I updated, though it never allowed more than 10 slides to slide. Any ideas?

I’ve tried to display a category with 45 posts, limiting the number of posts to show to 10 and it works for me (using clear-slider theme, too).

Could you post the URL of your site, to check what is wrong?

sure:

waterstreetdistrict.com
all the way at the bottom

the fixes I made were all purely cosmetic, sizing the thumbs, reducing the margin, you’ll see when you look that it’s much smaller than the original. The mods I made were all inside the themes/clear-slider the 2 css files and in the theme.php and theme-jcarousel.php

Ok, I though you’ve made internal (PHP) changes to wp-carousel.php.

About your problem, I think it is a Javascript problem. As I am not an expert in Javascript (well, I am not an expert in PHP too, but I know more about PHP than Javascript), it might be more difficult to fix, but I think I know what is happening.

I’ve checked your WordPress theme JS and I’ve found the following code:

<script type="text/javascript">
    $(function() {
        $('#sc3 a').lightBox();
    });
    </script>

    <script type="text/javascript">
    $(function() {
        $('#sc3 a').lightBox();
    });
    </script>

Usually when you use jQuery with WordPress it should be used with .noConflict(). I mean, instead of using $(function()… you should use jQuery(function()… .

As you can see in jQuery.js, at the end of the file is called .noConflict():

jQuery.noConflict();

I think the problem is it, but I’m not sure. Try to use jQuery instead of $ and check if it works.

I’m having a hard time locating that bit of code, which file did you find it in?

Look at the source code of waterstreetdistrict.com.

Near line 36:

<script type="text/javascript">
$(document).ready(function(){
  $("#promos").divroller({pause:8000, visible:1});
});
</script>

Near line 46:

<script type="text/javascript">
    $(function() {
        $('#sc3 a').lightBox();
    });
    </script>

    <script type="text/javascript">
    $(function() {
        $('#sc3 a').lightBox();
    });
    </script>

never mind I found it ??

ok I made the change, it doesn’t seem to be affect the carousel.

HEY! but when I took that bit all the way out, it started working!

This code:

<script type="text/javascript">
$(document).ready(function(){
  $("#promos").divroller({pause:8000, visible:1});
});
</script>

Should be like:

<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery("#promos").divroller({pause:8000, visible:1});
});
</script>

And this:

<script type="text/javascript">
    $(function() {
        $('#sc3 a').lightBox();
    });
    </script>

    <script type="text/javascript">
    $(function() {
        $('#sc3 a').lightBox();
    });
    </script>

Like this:

<script type="text/javascript">
    jQuery(function() {
        jQuery('#sc3 a').lightBox();
    });
    </script>

    <script type="text/javascript">
    jQuery(function() {
        jQuery('#sc3 a').lightBox();
    });
    </script>

You haven’t finished the changes.

you are right, I put it back in (even though I’m not sure I need it) with the correct # of jQuerys in the code and it’s working! Awesome! Thank you!