Okay
  Public Ticket #142321
Nectar Slider Arrow Keys functionality
Closed

Comments

  • Charles started the conversation
    Is there a way to make the keyboard arrow keys move the slideshow?
  •  988
    ThemeNectar replied

    Hey Charles,

    open your nectar-slider.js file and locate this section:

    $nectarSliders[i] = new Swiper('#'+$(this).attr('id')+' .swiper-container', {
    	loop: $useLoop,
    	grabCursor: $grab,
    	touchRatio: 0.6,
    	speed: 525,
    	useCSS3Transforms: false,
    	pagination : $bullets,
    	simulateTouch : $desktopSwipe,
    	onSlideChangeEnd: captionTransition,
    	onSlideChangeStart: sliderArrowCount,
    	onTouchMove: clearAutoplay,
    	onFirstInit: nectarInit
    });

    and add this into the list:

    keyboardControl: true

    Cheers :)

  • Charles replied

    THANK YOU! 

    That worked perfectly. 

    Last question is there a way to make the full screen slider  have a buttion to make the slider a real full screen image. Like in the photo below.

     

    And is there a way to show the views of a portfolio post like in the image below, and have a single column view of the portfolios in a larger size like in the photo.

     

  •  988
    ThemeNectar replied

    You're welcome :)

    1. This would take some custom development unfortunately there's nothing built in to assist with this.

    2. You might be able to find a plugin to add this functionality, but you'll have to style it to match the theme and possibly do some coding integration.

    Cheers!

  • Charles replied

    Ok, thanks for the help!

  •  988
    ThemeNectar replied

    You're very welcome :)