0

I am building a site that has a photo gallery. I am using colorbox to display the images when clicked. However, instead of having all the thumbnails on screen I was wondering if there is a way I can display them in a carousel effect.

So for example, I have 10 thumbnails but I want to place them in a small area that would only allow 3 to be seen at a time. I want the user to be able to scroll back and fourth through the thumbnails and then use colorbox to view the selected image.

I have played with various options but they all seem to display the larger image above the thumbnail, instead of a colorbox popup. Is there an option/module that would help that maybe I have missed?

Thanks

Darren
  • 105
  • 2
  • 14
  • Check this url http://www.motorcityindubai.com/imagegallery do you want same like gallery, then follow the second link in Soni Kishan answer. – Bala Apr 11 '13 at 07:01

2 Answers2

0

I don't have any code to give you at this time. I could probably rig something up in a couple of hours, but I have no need for it. I would look into using jQuery to get this done. You can have an array of strings representing the paths to your images...you can then style 3 div's used for left, right, and center with an arrow icon on each side. Then all you have to do is set the source for the background-image on the divs to 3 images in the array and each time you click an arrow you would move a marker through the array. The hardest case is accounting for reaching the end of the array when you click the right arrow and reaching the beginning of the array when you click the left arrow (both are easy checks...)

Ryan Sessions
  • 171
  • 2
  • Thanks, I ended up taking your advice, using flexslider as a base and customizing to my needs. Appreciate you pointing me in that direction. – Darren Apr 11 '13 at 20:24
  • I've never heard of flexslider. I'll probably write something simple for this to post on my newly created blog to help other people in your situation. – Ryan Sessions Apr 12 '13 at 20:39
0

checkout this module it will help .. http://drupal.org/project/galleryformatter other than that there is one more good gallery example if you like http://megadrupal.com/blog/creating-an-image-gallery-in-drupal-7

Soni Kishan
  • 488
  • 2
  • 8