• Resolved WPUser939

    (@wpuser939)


    Is there any way to have the first slide not show the previous arrow on the Crelly Slider plugin?

    All other slides should have both forward and previous arrows.
    I only want the first slide to only show the forward arrow.
    Thanks 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter WPUser939

    (@wpuser939)

    I’m using the slider like a power point presentation
    so a visitor can read what we provide.
    So when they land on the home page,
    the slider needs to be clicked through.
    They need to start from the beginning and read through so the previous button on the first slide would land them on the last slide.
    I’m going to ad text on the first slide to say something like “Click through our presentation here >>”.
    A possible enhancement suggestion would to be able to have the right arrow be some sort of GIF so it catches the eye so they know to click this to proceed.
    A preference for people who don’t have the slides automatically switch.

    Plugin Author Fabio Rinaldi

    (@fabiorino)

    Hello, sorry if it took me a bit long to answer

    Is there any way to have the first slide not show the previous arrow on the Crelly Slider plugin?

    Yes, paste this code to your slide callbacks (delete the current beforeSlide function):

    beforeSlideStart : function() {
    var current_slide = $('.crellyslider-slider-test').data('crellySlider').getCurrentSlide();
    
    if(current_slide == 0) {
    	$('.crellyslider-slider-test .cs-previous').hide();
    }
    else {
    	$('.crellyslider-slider-test .cs-previous').show();
    }
    },

    Please let me know if you need other help

    Thread Starter WPUser939

    (@wpuser939)

    Hi.. Thanks for getting back to me.
    That didn’t work 🙁
    The slides don’t show at all since I’ve made this change.
    This is how my call backs now look. Is that right?

    beforeStart : function() {},
    beforeSetResponsive : function() {},
    beforeSlideStart : function() {
    var current_slide = $('.crellyslider-slider-test').data('crellySlider').getCurrentSlide();
    if(current_slide == 0) {
    $('.crellyslider-slider-test .cs-previous').hide();
    }
    else {
    $('.crellyslider-slider-test .cs-previous').show();
    }
    },
    beforePause : function() {},
    beforeResume : function() {},

    Plugin Author Fabio Rinaldi

    (@fabiorino)

    I’m really sorry, I forgot to tell you to change “test” to your actual slider alias!

    Thread Starter WPUser939

    (@wpuser939)

    Was actually was looking at that as the reason
    when I just got your reply:)
    Thank you so much.. It works perfect now thanks to you..

    Plugin Author Fabio Rinaldi

    (@fabiorino)

    Great!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘First Slide Previous Arrow’ is closed to new replies.