Noscope is a bi-weekly journal serving up snacksized portions of pointless stuff since 2001. On a new linode server!
I also do freelance design and usability via dejligt.com

Carousel Gallery (jQuery) for WordPress [Updated January 2010]

    14:51 on March 9, 2009 , ,

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.

233 Comments

  1. skywalka_de tweeted this.
  2. turkeymonkey tweeted this.
  3. dcarreroc tweeted this.
  4. alpower tweeted this.
  5. catch_fish tweeted this.

Pings

  1. Ultimate Guide To Using WordPress For A Portfolio | Fonts, How-To | Smashing Magazine
  2. Ultimate Guide To Using WordPress For A Portfolio 於囧
  3. Ultimate Guide To Using WordPress For A Portfolio
  4. Ultimate Guide To Using WordPress For A Portfolio | jeremiahnellis.com/design_life
  5. Carousel Gallery (jQuery) for Wordpress [Update 4] (Noscope) | Squico
  6. 35 Stylish And Modern Wordpress Plugins Using jQuery UI | Graphic and Web Design Blog - Inspiration, Resources and Tools
  7. 35 elegantes y modernos Plugins para Wordpress usando jQuery UI | Don Pipa.com, web oficial
  8. PEDRO GOICO. New Media Developer´s Blog. » Archive » Galería en Wordpress.
  9. Beat Fly Blog » Blog Archive » jQuery Plugins for modern Wordpress
  10. 35 Stylish And Modern Wordpress Plugins Using jQuery UI | WEBDESIGN FAN
  11. Plugins para imagenes usando jQuery en WordPress | Summarg
  12. tmtbox media | 35 Stylish And Modern Wordpress Plugins Using jQuery UI
  13. 35 Stylish And Modern Wordpress Plugins Using jQuery UI | pc-aras
  14. 35个时尚的WordPress 插件使用 jQuery « SonicHTML – 高品质 HTML+CSS 服务
  15. Free Carousel Gallery (jQuery) wordpress Themes Download
  16. 35 Stylish And Modern Wordpress Plugins Using jQuery UI - Programming Blog
  17. 40+ Quite Useful Wordpress Plugins using jQuery | tripwire magazine
  18. 40+ Quite Useful Wordpress Plugins using jQuery | Programming Blog
  19. Carousel Gallery (jQuery) | Eklenti.net > Wordpress Eklentileri

Comments

  1. RobertGall says:

    well first of all im happy for the great plugin!!!

    REALLY APRICHIATE THET YOU DID TAKE THE TIME AND EFFORT TO MAKE IT

    I have a website already where i use jCaroussel but is not WP based..
    Now im trying to make a replica of my old website with wp as Cms.. so ewerithing is fine except 1 thing the ..

    class=’carousel-controls jcarousel-control_”

    i know should be possible to instead of displaying all thumbnails witch slows my browser down over 100 images …
    i just van use a dot which is an html symbol &#8226 and show witch slide is .active {}

    the problem if i get it right is with this part of the script in / incarousel-gallery-jquery.php / file…

    ——————————————————————————————————————————————
    /**
    * Add thumbnail navigation
    */
    $output .= “ID.”‘>\n”;
    $n = 1;

    if (get_option(‘cgj_thumbnail_size’) && get_option(‘cgj_thumbnail_size’) != “”) {
    $thumb_size = array(get_option(‘cgj_thumbnail_size’), get_option(‘cgj_thumbnail_size’));
    } else {
    $thumb_size = ‘thumbnail’;
    }

    foreach ( $attachments as $id => $attachment ) {
    $link = wp_get_attachment_link($id, $size, true);

    $output .= “ID.”\”>”.$n.”" . wp_get_attachment_image( $id, $thumb_size ) . “•\n”;
    $n++;

    }
    $output .= ”;

    /**
    * End
    ———————————————————————————————————————————————-
    if i get this right again im new to this but i try :).. so :

    wp_get_attachment_image( $id, $thumb_size ) . this part.. from the above code.?

    So my question really is how to change it so i and up with just a dot but still will show me where is the slide is at the moment i mean the dot will be shown the .active class..

    i hope it made all sence..
    I SPENT 3 DAYS WITH THIS but couldn’t figure it out..

    ps:sorry for the bad English
    i would really appreciate your help or maybe the code snippet…
    thanx
    best regards
    rg

  2. RobertGall says:

    also : wrap: ‘circular’, dos not work with : wrap: ‘both’, is it any special reason why?

    thanx!

  3. michael says:

    Hi! great plugin!

    Is it possible to have the Carousel Gallery without the circular?

    thanx !

  4. Gaurav Kumar says:

    This plugins upload all the images at the same time , It effects on the page load time. Is it possible to upload one large image at one time?

  5. Joen says:

    This plugins upload all the images at the same time , It effects on the page load time. Is it possible to upload one large image at one time?

    I think you’re referring to Image Symlinks, and I’ve noted that on the “ToDo list”. The solution for now, is to upload no more than 3 or four at a time.

  6. andi says:

    Hello, thanks for your work!

    I’ve got one question though: is it possible to have the respectively shown picture link to its (bigger) original as it is done with the “vanilla” (that is unchanged/built-in) gallery? It would be great to have the rotation done by the links “next/previous” and the possibility to get to the original directly.

    Thanks in advance!

  7. Adrian (subscribed) says:

    Nicole,

    did you get managed the lightbox function? Or someone else? I am stuck. Thanks in advance!

  8. Kezia says:

    Great plugin thanks a lot it was just what I needed. I had a couple of ideas of extensions you may want to think about when you have time work on it. It would be great to have an option to show the thumbnails or not in the settings screen. Also wondered if there could be an option to show ‘Image 1 of 13′ type thing :)

  9. DMD says:

    Hi, great plugin, I’ve used it one a couple of sites now. I’m currently trying to use on wordpress 3.1 and getting this error.

    jCarousel: No width/height set for items. This will cause an infinite loop. Aborting…

    This despite having set the width and height for items.

    Anyone know why this is?

Leave a Reply

Have something to say? Jump right in!

(required)
(required)