Posted by Sigal on November 26, 2008 at 11:53am
Hello,
I want to display a slideshow of thumbnails with different widths on the bottom of my page.
I want the thumbnails to scroll automatically and have prev and next buttons.
When the user clicks on the thumbnail, it should open a bigger image with lightbox.
I played around with jcarousel_block and with viewscarousel but had lots of problems styling the slide because of the different widths of the thumbnails.
Some problems I have:
- The next arrow disappears when I change the slideshow width.
- I don't know how to set the thumbnails width dynamically.
- jcarousel_block does not scroll automatically.
I'm trying to attach a picture of how the page should look like, the slide is at the bottom of the page. Hopefully the attachment will be added to my post this time.
Can someone please help me? Maybe I'm looking at the wrong modules?
Thank you,
Sigal
Comments
Looks like the attachment still does not work
I don't know why, but my attachment does not appear on the post.
Resizing Thumbnails + Carousel
Install http://drupal.org/projects/ImageCache. It works in the background to process images, including resizing.
Maybe also have a look at http://drupal.org/project/imagecache_actions
Gallery-type options:
- Gallery (v2; referred to as Gallery2)
- brilliant_gallery (I've used this one)
- lightbox2
- greybox
-diaporama (presents via flash)
- etc.
Good luck. Post your choice here + why you chose it!
Emile
www.ServeLime.com
Entrepreneurship is a journey to a fulfilled life - make it so.
Emile Botha
Entrepreneurship is a journey to a fulfilled life - make it so.
Thank you
Thank you Emile.
I appreciate your suggestions, but still, very confused.
Maybe I didn't explain what I want good enough.
I will have pages on my site, where each page will have a different slideshow at the bottom holding thumbs, scrolling from left to right (the thumbs should move from left to right automatically).
When clicking on a thumbnail, the bigger image will be open with lightbox.
There will also be prev and next buttons to give the option to scroll through the thumbnails manually.
It should work like jcarousel, but again, I experience problems beacause my thumbnails are bigger then the jcarousel default and they have different widths. So it does not look nice, the smaller images are being stretched to fit the default size given in the css file. I want each cell in the slide to have the width of the image it holds.
I use imagecache and lightbox with the jcarousel module.
I created a content type with imageimce field and when I upload images to the node it places them in the imagecache folder.
I created types for the imce profile with the sizes of my thumbs.
Although I pick a specific type when I upload the image, when it displays in the jcarousel, the sizes go by the css file, which is not dynamic.
Gallery2 is very complicated and all I need is a little slide show of thumbnails, scrolling from left to right and not a whole gallery.
I tried playing with integrating gallery2 with Druapl before, with no luck.
I tried brilliant gallery as well, but again, it doesn't do what I want. As far as I could see, it does not scroll the thumbnails and it does not have prev and next buttons.
I do have lightbox2 but I can't see how do I create the slide show with it. Couldn't figure out how to use it to create the slide show that I want, that's why I went into jcarousel.
Greybox, does not exist for Drupal 6 (My mistake, should have mentioned I'm using D6)
Diaporama - doesn't display the slide show as I want, it shows an image at a time, when I want the thumbnails to scroll from left to right and the slide show should display 2 at a time. It is also not in English which makes things even harder for me to understand.
I'm trying to find a solution for this for about 2 weeks now, that's when I gave up and posted here.
Maybe there is no way to do it with Drupal?
Thank you again,
Sigal
imagecache n slideshows
ImageCache
With ImageCache you can set the default size for Thuimbnails - it then auto-generates them (even maintains aspect ratio for you).
For existing images you however have to tell it to re-generate thumbnails - review it's documentation.
That solved my sizing problem.
Gallery/Slideshow
That leaves the automatic slideshow - you'll have to do a search on "slideshow" / "gallery" and review your options.
Some you configure online (Image Gallery), others by placing images in a folder and I think might s even a Taxonomy one.
Suggest you look 1st at modules that integrate into Image Gallery.
LightBox
I suspect that triggering LighBox will be easy enough (I'm using LightBox on m y own site).
Good luck hunting down that Slideshow module ;)
Emile
ServeLime.com
Entrepreneurship is a journey to a fulfilled life - make it so.
Emile Botha
Entrepreneurship is a journey to a fulfilled life - make it so.
Hi
Thank you again.
Slideshow creator again does not do what I need, it works with one thumbnail at a time.
I found the problem with jcarousel, when using imceimage field, it uses only one imce thumb prefix, so when I create different thumb sizes it ignores them.
Can anyone help me tweak this module so it can accept different thumbs settings?
Thanks,
Sigal
Hallelujah ! I found the solution
After uploading the images, I change the thumbs images manually to the sizes that I want and then in the file:
jcarousel_block_block.tpl.php
I changed this line:
<?php" rel="print $image['path']
?>
<?phpprint $image['rel'];
?>
<?php" height="print $image['width'];
?>
<?phpprint $image['height'];
?>
<?phpprint $image['alt'];
?>
<?phpprint $image['thumb_path'];
?>
to:
<?php" rel="print $image['path']
?>
<?phpprint $image['rel'];
?>
<?php" height="print $image['width'];
?>
<?phpprint $image['height'];
?>
<?phpprint $image['alt'];
?>
<?phpprint $image['thumb_path'];
?>
It works !!!
Hurray
Sigal
Try Slideshow Creator
I had a quick look. Slideshow Creator looks promising.
http://drupal.org/project/slideshow_creator
Emile Botha
Entrepreneurship is a journey to a fulfilled life - make it so.
Emile Botha
Entrepreneurship is a journey to a fulfilled life - make it so.