Don't show "Previous Navigation Button" on first Page of Slideshow

[ghost]

Hi Alex,
thank's for this great slideshow!
Today I was wondering if it is possible to remove the "previous navigation button" from the first page of the slideshow. (And the "next navigation button" from the last page).

I was sure that this would be simple and could be done just by deleting the button from *.html part, as shown here:

	<!-- Prev Navigation -->
	<div class="fs-prev-nav">
		<!-- <label class="fs-prev-btn" for="slide-1"></label> -->
		     <label class="fs-prev-btn" for="slide-2"></label>
		     <label class="fs-prev-btn" for="slide-3"></label>
		     <label class="fs-prev-btn" for="slide-4"></label>
	</div>

But unfortunately this is not working and messes up the navigation.
Do you have an idea how to do this?

Regards Jens

[alexerlandsson]

Hi Jens,

This is something I've never thought of. The selector always goes for :nth-child so removing the buttons will just mess up the navigation as you experienced.

The only solution for now is probably hiding the buttons with css. Add a class for the buttons to hide with some nasty css:

.hide-btn {
 display: none !important;
}

As long as the buttons are still there it should not matter if they are hidden or not.

Thanks for noticing this! I have to look further into how I can solve this in a better way. I'll keep this issue open until I've investigated what I could to about it.

[ghost]

Hi Alex,
I tested your CSS-workaround. It works perfectly!
Thank you very much for your help and your fast reply!

Regards Jens

[alexerlandsson]

Added the option to disable continuous loop for prev/next navigation. Set variable $fs-prevnextnav-loop to false in css-fadeshow.css to hide the prev button on first slide and next button on the last slide.

This change works with or without the buttons added to the html. If they are added they will be hidden, if not they will be ignored. No no more need for a custom fix.