Carousel Gallery (jQuery) for Wordpress [Updated January 2010]
This plugin builds on the builtin Wordpress gallery, and replaces any gallery inserted using the [gallery] tag with a neat jQuery powered carousel. By carousel it means you can browse through all the pictures in the gallery and they’ll slide from the right to the left and seamlessly start over at the end.
This right above is a demo. Take it for a spin!
The plugin uses jQuery and a jQuery plugin called jCarousel.
Download
Download the plugin from the Wordpress repository
Further Development
Due to my busy schedule, development on this plugin is intermittant and not quite as often as it deserves. Fortunately, the plugin is open source. Are you an experienced plugin developer willing to lend some love, then you’re welcome to get co-ownership of this plugin. Let me know.
[Update]: Added an IE “loop bug” fix. Thanks to Luqman Amjad.
- Through The Looking Glass, Or How My Great Macbook Adventure Was All Too Brief
- Carousel Gallery (jQuery) for Wordpress [Updated January 2010]
- It's Plugin Update Day!
- Vanilla CSS Un-Reset
Hi!
this is great plugin,
hi again… rest of my comment was deleted…. :( so here it is again:
any way, i can’t change the size of the main image.
i tried reinstall and reload images, tried the height=800 but nothing work.
also tried the css and php options but couldn’t resolve it.
also trying to to center the main image… any way to to that?
Thanks
haim
i meant that i want to move the large image of the gallery, not the navigation buttons.
now the main image is stick to left of the screen and i want to center it.
This is a much requested feature, and I should build it into the next version. I think on one of the comment pages, one of the commenters has found a temporary solution.
i read most of the comments.. but i will look again.
for the main image size, couldn’t change this as well. i saw a post where you wrote to some one
to reinstall the plugin and upload again all images… didn’t work for me.
i think this plugin have a lot of potential but it really need some more basic features.
thanks.
Great plugin man, been looking for something like this for ages! Thank you!
Only trouble I am having is with the vertical spacing of the images. Cant seem to make the thumbnails appear in their own space, they are coming out on top of each other at the moment. Any idea whats wrong?
Can see here:
http://blog.derestricted.com/2009/10/motocross-des-nations-2009-franciacorta-italy-2/
ok, I kind of got around it by making the thumnail sizes smaller so they dont overlap, but still looking for the css(think thats what I need to change anyway) which sets the vertical spacing of the images…
Hi I really like your plugin, but I’m having trouble with it loading in an iframe.
http://aeki.aekidesign.com/work/print/
if you click on the orange images you get the “jquery no width/height set” error. If you load the frame directly the script works fine. Any help?
first of all, great plugin. thanks a lot
I would like to make the image title link to another page. The problem is that once I include a link, it makes the image slide. I suppose the problem is that the regular link behaviour has been turned of with ‘return false‘. However, after hours of tweaking I can’t find out how to make it work. It’s just too much code for my skill level. Do you any idea how to pull this off?
how can i auto play the images in gallery? any idea ?
Hi! First of all, thanks for sharing such great plugin! But, i’m having some problems with it. Im using Wordpress 2.8.6, and thumbnails show perfectly… but the full images won’t. Is there any compatibility bugs with this wp version? Thanks again!
Hi! First of all, thanks for sharing such great plugin! But, i’m having some problems with it. Im using Wordpress 2.8.6, and thumbnails show perfectly… but the full images won’t show at all.
Is there any compatibility bugs with this wp version? Thanks again!
Hi!
Sorry to be a pain. I just figured out the exact problem. I’ve tried in different browsers, but Firefox’s error console detects what going on. It says:
Could you please tell me whats wrong? Im working on WP 2.8.6 on localhost (wish I had it online to show you). Please, I wold appreciate a lot your help, since I like a lot your plugin and is just what im needing! Thanks!
Yeah, it sounds like you’re experiencing one of these problems:
Thanks a lot Joen. I figured it! I had the Popup Date Picker function of the CformsII plugin. This made a conflict with jQuery. Just deactivated it and problem is gone. Thanks a lot. Great plugin!!!
FINALLY! A Wordpress gallery plugin that does not use Lightbox! I was starting to lose hope, and then I found this. Can’t wait to try it out.
How do i add a border around the main image? When i try, the image is cut down to fit the orginial box width. See here: http://thelookingglasslounge.com/wonderland/new-category/
Hi,
I had the same problem as Pablo. For me it was the SEO friendly images plugin that made full images disappear.
Do you have a list of CSS classes we can use to style the output?
Thanks for the effort!
Never mind, I found the CSS styles. You can edit them via the Dashboard.
You can see the plugin in action here: http://aureon.nl/portfolio/
Thanks once again for this plugin!
Finally I solved a problem of mine. You have to set the height of the image in the css-file. This is no god if you post images with many different sizes. So under “.jcarousel-item” delete the height value and replace it with “min-height” and “max-height”. It seems to work fine in all modern browsers.
Hi Joen,
first of all: thanks so much for this plug-in! Was exactly what I was looking for for my Wordpress portfolio page.
Two issues though :): when I click the bigger image I have the same result as clicking the next button, but I need it to open the full size image in a lightbox instead. Is that possible? What do I have to change?
Second question: currently the description text is displayed below the image, but I’d like to have it on the right of the image. I’ve played around with the CSS but it just didn’t work out.
Thanks for your help!!!
Nicole
Great plugin!
I am just having a small problem getting it up and running :(
I have installed and activated the plugin all ok
uploaded a gallery to my page
the gallery looks like it’s displaying ok:
http://www.provincewidehog.com/photo_gallery/2010-photos/christmas-party/
but not working
anyone any ideas?
many thanks
kind regards
Collette
Hi Collette,
I had the same problem as you. Try disabling all your installed plugins one by one. Quote form above: “For me it was the SEO friendly images plugin that made full images disappear. ”
Hey Frank
thanks for the advice!
I gave that a go – disabled everything. then just activated the gallery only, and still no luck
it all sounds so simple! I must be still doing something wrong :(
i love this http://aureon.nl/portfolio/ by the way!
kind regards
Collette
Hi, great plugin! Is possible have the Carousel Gallery without insert the tag [galleria] in the content, but with some php script in the template? Many thanks.
Yes. It should be possible.
You can try carousel_gallery_jquery();
Or you can try do_shortcode(‘[gallery]‘);
Hi there Joen
I love the plugin, it’s great and it’s working fine on WP 2.9.1, spent sometime looking for a solution like this.
I do have a question though, I’m a newbie at both Jquery & Wordpress, but I’d like to have the thumbnails above the main image area (as opposed to the bottom). I have tried a few things like trying to edit the CSS, but I’m still off the mark.
Could you offer any suggestions? my site is http://www.stanuga.net
Alex
please see http://pastie.org/794947 for the IE6/7 loop bug fix!
Hej Luqman, Just tested your fix for ie6/7, works beautifully, you made this plugin functional! Thanks a lot!
I’d also like to thank you, and point out that I’ll add this to the official repository with credit as soon as I can.
Added your fix to the official release. Thanks again.
n/p thanks for the credit :)
How do I adjust the width of the main image?
Carousel Gallery takes its widths from the general media settings. Settings > Media.
I don’t mean to be daft, but that question has been covered at least once or twice in this thread before, please read before asking. :)
Thanks Joen. I appreciate it.
Jonas, I actually had read. And have tried the suggestion that Joen gave, but my main images still appear cut off or too small.
My bad, just felt like ranting a bit. :)
i have the same exact problem… i have no idea what it is. is this not compatible with the newest versions of wp?
I have used this on the newest versions of Wordpress, yes.
But since Carousel Gallery uses jQuery 1.3.2 and most other javascript plugins use jQuery 1.2.3, there are often conflicts. Sometimes even the THEME uses jQuery.
If deactivating all your plugins doesn’t make carousel work, try reverting to the default theme and see if it works.
you were right, it was the theme. i had ruled that out as it was just a framework theme, but i guess that particular framework theme finds it necessary to use jquery? a bit surprising.
thanks for the help!
one thing i am trying to figure out – i want to have the thumbnails be solid boxes instead of thumbnails (so they arent really thumbnails i suppose, just boxes). so one box would be black (that would be the active “thumbnail”) and the rest would be gray (inactive). from my little understanding of your code, you have a div that dynamically loads the images in (on top of?) the thumbnail divs. im just curious if theres a way to block the image so that my background-color code can be seen instead of the image.
or if theres a way to put a shape over the other div? but anyway, no obligation, i will probably figure something out eventually. right now i have it on my test server with a 1px by 1px thumbnail lol obviously not a good solution.
anyway, thanks for the awesome plugin!