Disable buttons when the carousel reaches the last/first

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

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

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

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

Thanks

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

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

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.