I'm wondering if there is a better way we can handle when a single slide is present. I would think we could disable the "Direction Navigator" as well as the "Control Navigator" and turn the "manual advance" to "yes". This would then just display the static image with the link and text.

Thoughts?

Comments

bryancasler’s picture

Here's a simple solution.

We include the number of slides as a css class. Right now the div containing the pagers looks like this.

<div class="nivo-directionNav" style="display: block; ">

If we included the number of slides it would look something like these.

<div class="nivo-directionNav slide-count-3" style="display: block; ">
<div class="nivo-directionNav slide-count-1" style="display: block; ">

Then we could target the pager with css and hide it when there is only one slide.

nivo-directionNav.slide-count-1{
   display:none;
}

I would love if someone could show me how to accomplish this.

bryancasler’s picture

Title: How to handle a slideshow when only a single slide is present » Hiding the slide pager when only a single slide is present

Title change

ckng’s picture

Title: Hiding the slide pager when only a single slide is present » Hide direction and control navigation when only single slide
Version: 7.x-2.x-dev » 7.x-3.x-dev
Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.