Hi there

I will start with the cocnpet of my slideshow and then explain where I am. I want a slideshow where I have a thumbnail of images in a row, user clicks on an image and a larger image appears with a description next to it.

I have created a flexslider slideshow using views. And I think it could look great however my issue is that I want to use the thumbnail navigation control basically what it should do is be able to click the thumbnail and the large slideshow image appear. I have created the flexslider image (for thumbnails) and flexslider slideshow(for full thumbnail) I have set my thumbnail image to thumb and my slideshow image to full.

However no matter what I do when I click on the image the thumbnail image blows up very pixelated and then below that the full slideshow image appears. I want to remove the large thumbnail image and just have the thumbnail and then once clicked have the image and description.
http://www.my2hands4paws.com/final/animals

I do not know how to tell the system not to increase the size of the thumbnail just use the slideshow full image instead. Any help would be greatly appreciated.

Thanks

Comments

dgdubois722’s picture

dgdubois722 commented

I fixed my issue I needed to link it to content rather than file, and then filter based on content type of flexslider.

stijndmd’s picture

stijndmd commented

Hello, if you're still reading this, could you explain what you mean with "filter by content type of flexslider"?
I have the same problem and my thumbnail carousel don't respond with my homepage carousel

mortona2k’s picture

mortona2k commented

I think he had been using a view that was showing files, and found that hey had to show content (of the type that holds the image to use in the flexslider).

joshuautley’s picture

joshuautley commented

Did you use the external module > https://drupal.org/project/flexslider_views_slideshow

I've tried everything but that. Installed that module but it states "Not Working" so I have not enabled it.

Would I be able to use the old included one that was with the previous RC1 of Flexslider module?

bfeltman’s picture

bfeltman commented
Priority: Major » Normal

I'm using https://drupal.org/project/flexslider_views_slideshow. I'm not able to get any thumbnail images to appear. Has anyone had any luck with having the thumbnails show up as pager controls?

joshuautley’s picture

joshuautley commented

You need to enable the examples. In there you will find a couple options. Move the Flexslider block into a region and then you will be able to use that menu to view the different examples.

minoroffense’s picture

minoroffense commented
Project: Flex Slider » FlexSlider Views Slideshow
Version: 7.x-2.0-alpha1 » 7.x-2.x-dev
Component: Views Slideshow Integration » Code
Assigned: dgdubois722 » Unassigned
gilsbert’s picture

gilsbert commented

I also can not turn on thumbnails from flexslider optionset. It awlays generate broken images.

I'm able to use thumbnails from views_slideshow settings.

jeff.maes’s picture

jeff.maes commented
Issue summary: View changes

Hi guys,

The problem seems to be that on the generated LI's, the data-thumb attribute is missing. It's that attribute that flexifield is searching for to display the images and it should contain the href to the thumbnail image.

Maybe not ideal but I got an alternative working solution:

  • Create a view with display type slideshow (flexslider)
  • Add the fields you would like to cycle (large images?)
  • Add an attachement to that view of display type unordered list
  • Add the thumbnails to that 2nd view
  • Now go to admin/config/media/flexslider and edit your settings
  • Change setting Advanced options >> Controls container (Advanced) and enter the pointer to your thumb images
  • For me it was: .view-id-references.view-display-id-attachment_1 img
FranCarstens’s picture

FranCarstens commented

Thans Jeff Maes, that helped me. I was able to generate thumbnails for a video slideshow this way. I had to do the following though:

  • Flex Slider Paging Options must be set to "On", not thumbnail.
  • Loop Slideshow must be turned off.
  • Controls container (Advanced) is set to (for my setup): .view-id-video_gallery.view-display-id-attachment_1
  • Manual controls (Advanced) is set to (for my setup): .view-id-video_gallery.view-display-id-attachment_1 li img
  • Since I used a taxonomy term contextual filter I also needed to set the attachment's Other|Query Settings to "distinct".
alec-AW’s picture

alec-AW commented

It worked for me without the need of the view attachment.

  • view format set to Flexslider with default settings
  • Show Fields with unchecked "Provide default field wrapper elements"
  • FlexSlider option Paging Control set to Thumbnails

with