7.x-1.2 didn't show them, so I tried the patch here: http://drupal.org/node/1355954, but that didn't apply against 7.x-1.2. I manually patched (edits to .css and .module, the others appear to have been made already) and although the options are there in the config form and the "use thumbnails" is set to true, the thumbnails still don't appear, the default round circles show instead.

Comments

george.plescan’s picture

I can also confirm this. The problem appears to be only with the default main slider. If you use the Nivo Slider Formatter the thumnails options works ok.

I think there is something wrong when setting the parameter from the admin, but I will have to check.

Thank you for Nivo Slider.

devin carlson’s picture

Version: 7.x-1.2 » 7.x-1.x-dev
Assigned: Unassigned » devin carlson
Status: Active » Needs review
StatusFileSize
new3.63 KB

Thumbnails were broken by a previous commit.

The attached patch fixes thumbnail navigation support.

devin carlson’s picture

Status: Needs review » Fixed

Committed to 7.x-1.x.

cindyr’s picture

I tried the patch, but it's still not working. Thinking perhaps I don't have a compatible theme, I switched back to Bartik, but the thumbnails still don't show there either. I tried all three themes for the Nivo Slider (default, Pascal, Orman) but they don't show for any of them either. Any more ideas?

devin carlson’s picture

After downloading the latest git checkout/development release and enabling thumbnail navigation on the settings page, you should be able to inspect the markup of a page which has the slider and see something like:

<div class="nivo-controlNav">
  <a class="nivo-control" rel="0">
    <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/nemo10-70x50.png" alt="">
  </a>
  <a class="nivo-control" rel="1">
    <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/slider48-70x50.png" alt="">
  </a>
  <a class="nivo-control active" rel="2">
    <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/walle47-70x50.png" alt="">
  </a>
</div>

Unfortunately, none of the default themes included with the nivo slider jQuery plugin support thumbnails out of the box (by default the thumbnail images are hidden). You either need to write your own theme (see the nivo_slider.api.php included with the Nivo Slider module) or modify the CSS of one of the included themes.

To get thumbnails to display with one of the default themes, you'll have to unhide the images and position them.

#slider .nivo-controlNav {
	position:absolute;
	bottom:-70px; /* Put the nav below the slider */
}
#slider .nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin-right:10px;
}

See Using Thumbnails with the Nivo Slider for more information.

cindyr’s picture

Thank you for the detailed instructions. With the "option" of displaying thumbnails, I assumed they would show when it was checked. I didn't realize modification of the theme was necessary. Thanks again.

Status: Fixed » Closed (fixed)

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