Images by David Lanham from The Icon Factory
PikaChoose is customizable with a ton of awesome options!
Use custom images or let PikaChoose create thumbs for you.
Tested for IE7+ works smoothly and flawlessly 
It can't get any easier to use than PikaChoose!
Demo
Version 4 of the PikaChoose jQuery Image Gallery is now available! Pikachoose is a lightweight jQuery slideshow plugin, with tons of great features! jCarousel integrates smoothly with PikaChoose to give your gallery simple and effective carousel. PikaChoose now has API hooks for integrating lightboxes and other things. Check out this howto on integrating Fancybox with PikaChoose.
Pikachoose is designed to be easily installed, easy to setup, and well… all around easy. Now there is even Premium themes available to make PikaChoose really stand out! Check them out here: Premium Themes
More Examples
PikaChoose can be customized in a ton of different ways! Here’s some examples of different layouts
- Simple Layout Has no thumbnails or control buttons
- With Tooltips Displays the caption above thumbs
- With Fancybox Open large image in modal window
- Classic Theme A premium theme
- Whiteout Theme A premium theme
Looking for a wordpress plugin? Gerben over at Gport has create Magic Gallery a WordPress plugin that supports PikaChoose. This post: Magic Gallery Released has all the details!
THis wan’t work,is it a bug?
el = document.createElement(“div”);
el.setAttribute(“class”, “window”);
el.setAttribute(“title”, “Gallery”);
document.getElementById(“galleryBox”).appendChild(el);
$(el).append(“a”);//works
$(el).PikaChoose({ carousel: true, autoPlay: false, data: path);
Sorry,i spend all day thinking about this problem.
Problem was in global scope of “el”..I declared it in other function too.
Hi,
I use the css3 Version. Is there any way to appear the thumbs on the top, above the images? I need an answer, please
Greetings from Germany
Working great so far! Though I’m trying to use it multiple times on one page, and only the top one seems to work properly—the second one just has the large images appear one on top of the other with no thumbnails. Is there something preventing it from being used multiple times on the same page?
There shouldn’t be. Is there a url I can take a look at?
Hi Jeremy
How do you control the width height of two different sliders ont he same page?
I guess its controlled by the containing div not the pika-stage class…
This is a great gallery solution!
How can I add more style attributes to the active state of the thumbnails? Say I wanted to add a border in addition to the opacity, or an additional background image?
Thanks.
The active image and the li that contains it both get an .active class. You can apply styles using that.
That did it, thank you!
I don’t understand why it’s only showing my first 2 images, instead of all 4 I linked in the code. And the fade effect looks awful on mine.
It looks like your jQuery is out of date. Try grabbing the newest jquery and see if that helps.
You can certainly see your enthusiasm in the work you write. The arena hopes for more passionate writers like you who aren’t afraid to mention how they believe. All the time go after your heart.
Thanks for the plugin man. Working well thus far but I’ve encountered two problems. What’s the width/height max tip because i’m having the same problem and the previous and next arrows are not appearing. I Really Need help because I having a hard figuring out why it’s doing that. Thanks
There shouldn’t be any max to the width or height, do you have a url I can check out?
thank you so much for your plug in!
can you help me with this please?
i need to know how i can use this plugin but enter its images dynamically, from the code behind
this is what i meen:
asp:DataList ID=”lstThumbs”
img id=”imgbtnThumb” src=%# Container.DataItem %
Try looping through your data set and building out the html for a list. Then PikaChoose should be able to parse it.
Thanks so much for this…
all the galleries I tried got mixed up with my CSS and didnt work cleanly. This one just went on and worked first time
Awesome! Happy to hear that it worked out easily for you!