• Resolved liz.mcruz

    (@lizmcruz)


    I have been searching how to Disable buttons when the carousel reaches the last/first image, I have found this code inside slider-plus-lightbox-js.js:

    // Disable buttons when the carousel reaches the last/first, and enable when not
    if(!o.circular) {
    $(o.btnPrev + “,” + o.btnNext).removeClass(“disabled”);
    $( (curr-o.scroll<0 && o.btnPrev) || (curr+o.scroll > itemLength-v && o.btnNext)).addClass(“disabled”);

    but it doesn’t work in my site. This works for somebody?

    https://wordpress.org/plugins/wp-image-slider-with-lightbox/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Nks

    (@nik00726)

    Hello

    No need to change inside “slider-plus-lightbox-js.js”

    There is already setting for that.Go to slider setting and uncheck “circular” slider.

    Thanks

    Thread Starter liz.mcruz

    (@lizmcruz)

    Sorry, I didn’t see your reply until now. It’s unckecked “circular slider”, but previous and next button are still there, always, can you tell me what I’m doing wrong? I just changed some styles for my slider, including the arrow’s images. Thanks

    Thread Starter liz.mcruz

    (@lizmcruz)

    Hi, can you help me with my problem please? I’m a little desperate. Thanks in advance.

    Plugin Author Nks

    (@nik00726)

    Do you mean to hide buttons when the carousel reaches the last/first ?

    Thanks

    Thread Starter liz.mcruz

    (@lizmcruz)

    Yes. When the carousel is in the first position, I need to hide left button and when the carousel reaches the last position I need to hide right button. I thought that was the usual behavior, but I was wrong. Thanks

    Plugin Author Nks

    (@nik00726)

    Hello

    Do following changes to plugin’s wp-image-slider-with-lightbox.php

    replace <td class="arrowright"><div class="nextimg next"></div></td>
    
    with
     <td class="arrowright"><div class="nextimg next" <?php if($settings['circular']!=true) { echo "style='visibility:hidden'";  ?><?php } ?> ></div></td>

    ———————–

    After
    scroll: <?php echo $settings['scroll']; ?>,
    add following settings

    afterEnd: function(a) {
    
                        if($n(".prev").hasClass('disabled')){
    
                            $n(".prev").css('visibility','hidden');
                        }
                        else{
                            $n(".prev").css('visibility','visible');
                        }
                        if($n(".next").hasClass('disabled')){
    
                            $n(".next").css('visibility','hidden');
                        }
                        else{
                            $n(".next").css('visibility','visible');
                        }
    
                    }

    Thanks

    Thread Starter liz.mcruz

    (@lizmcruz)

    It works! Thanks a lot. I just made some changes in your code because it didn’t work at first. The code I had to change was:

    <td class=”arrowleft”>
    <!–<img class=”prev previmg” src=”<?php echo $url;?>images/image_left.png” class=”imageleft” />–>
    <div id=”<?php echo $rand_Num_next;?>” class=”prev previmg”></div>
    </td>

    Now works like a charm. Thank you so much again.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Disable buttons when the carousel reaches the last/first’ is closed to new replies.