Ali Habibzadeh Web Portfolio

Technologies, Graphics and UI

Gallery plugin

The best things in life are the simple things. And ofcourse the same is for interfaces. There are absolutely loads of fancy and complex gallery plugins out there which a lot are actually quite nice.

But for those of you who like simple functional things I have created a simple fading gallery. It accepts width, height and animation duration as parameters.

Remember if you decide to use the caption functionality you need to provide the 'alt' attribute for each image. As the code looks for that value to populate the caption for each image. Hope you enjoy this.

How to implement

		        
			        $(document).ready(function() {
            
                        $('.myImageList').createGallery({
                            
                            galleryWidth: 500,
                            galleryHeight: 375,
                            animationDuration: 800,
                            caption: true
                            
                        });
                    });