WordPress.org

Ready to get started?Download WordPress

Forums

WP Carousel
[resolved] carousel not sliding... (11 posts)

  1. jzvestor
    Member
    Posted 2 years ago #

    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.

    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?

  2. sumolari
    Member
    Plugin Author

    Posted 2 years ago #

    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?

  3. jzvestor
    Member
    Posted 2 years ago #

    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

  4. sumolari
    Member
    Plugin Author

    Posted 2 years ago #

    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.

  5. jzvestor
    Member
    Posted 2 years ago #

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

  6. sumolari
    Member
    Plugin Author

    Posted 2 years ago #

    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>
  7. jzvestor
    Member
    Posted 2 years ago #

    never mind I found it :)

  8. jzvestor
    Member
    Posted 2 years ago #

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

  9. jzvestor
    Member
    Posted 2 years ago #

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

  10. sumolari
    Member
    Plugin Author

    Posted 2 years ago #

    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.

  11. jzvestor
    Member
    Posted 2 years ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic