Customer feedback quickly and easily -
Traffic Light Feedback

Archive for the ‘Gallery’ Category

slideGallery is a MooTools plugin for creating customizable image carousels easily & quickly.

It converts any given unordered list into a slider & can be styled with CSS.

SlideGallery For MooTools

The plugin can display any defined number of images horizontally or vertically, auto-play them, have prev-next buttons and these functions can be configured more with:

  • setting the class of prev-next elements
  • speed and duration of slides
  • transition to be used
  • direction of the transitions
  • & more..

slideGallery works in all major browsers including IE6.

jqFancyTransitions is a jQuery plugin for displaying images as a slideshow with fancy effects.

It has support for 3 transitions: wave, zipper & curtain but they can be diversified with the ability of setting the position & direction of the animations.

Fancy jQuery Slideshow

The slideshow has few other configuration options like:

  • delay between transitions
  • delay between strips
  • number of strips
  • title speed
  • title opacity

Compared to many other slideshow scripts, jqFancyTransitions doesn't require an unordered list of items but, simply, needs an element wrapping the images.

Uniform is a jQuery plugin that enables you to control the look & feel of form elements (checkboxes, drop down menus, radio buttons & file upload inputs).

It is unobtrusive & works by hiding the original elements + replacing them with custom ones.

jQuery Uniform

Uniform is very easy to use & can be set to convert every form element on the page or any specific ones.

The plugin has theming support & comes with a theme kit to quickly create unique forms.

  • Tags:
  • Filed under: Gallery
  • 5 Comments
  • bxGallery is a lightweight jQuery plugin for creating image galleries with thumbnails.

    It requires images to be defined within an unordered list & converts them to a gallery with several options like:

    • max width/height of images (will resize maintaining aspect ratio)
    • thumbnail width & if it will be cropped to create a perfect square
    • opacity of thumbnails
    • loading text & image

    The plugin also has an option for setting the position of the thumbnails (top-bottom-right-left).

    Simple jQuery Gallery

    blackbox is a MooTools plugin for creating slideshows from unordered lists.

    The plugin is unobtrusive & displays images with fade in/ fade out effects.

    The slideshow is controlled by simply hovering images where a simple start/stop controls appears.

    It requires almost no configuration & has few optional settings like "the image to be displayed on initial load & duration of effects/transitions.

    blackbox MooTools Slideshow

    W-Script is an open source application which is originally aimed at creating "wallpaper download websites".

    But, it is a very ideal resource for building any gallery-themed or image-oriented website like CSS galleries, photo galleries ,etc.

    W-Script

    The application is built with PHP-MySQL & it can handle large number of images.

    Some features of W-Script:

    • unlimited categories, subcategories
    • visitors can submit images (and optionally register)
    • images can be rated & commented
    • advanced search
    • auto-thumbnails in various sizes

    It has a Smarty-based template engine which makes creating new templates pretty easy.

    Also, W-Script can be extended with modules like tag clouds, color browser, user stats or anything custom.

    GaleriaSHQIP is a free PHP-MySQL image gallery script for easily displaying any number of images.

    It has an admin panel to upload new images or delete/update the previous ones.

    PHP MySQL Image Gallery

    The script offers a simple interface for presenting images & upon-click, they can be viewed in their original sizes in a modal box (uses piroBox).

    GaleriaSHQIP has a web-based installer for a quicker installation & has a built-in brute-force filter + various other security features.

    Update (8th February 2010):

    The application now has a new version with lots of features like tracking visitors/their actions, commenting, rating & more..

    There are many slideshow plugins for JavaScript frameworks that makes displaying multiple images possible. However, sometimes, only a few lines of code can be what you're searching for.

    Jonathan Snook published a post that describes making the "Simplest jQuery Slideshow" (demo).

    The script simply converts an element that wraps any number of images into a slideshow.

    City View

    After that, Thomas Fuchs, the author of the script.aculo.us, has also created one using Prototype & Scripty (demo).

    They are both very useful for anyone who doesn't look for anything complicated or searching a base to improve it further.

    slideViewerPro is a totally customizable jQuery image gallery plugin.

    It is derived from the popular slideViewer plugin & offering more features.

    jQuery SlideViewerPro

    The gallery is created from an unordered list with any number of images.

    Some of the features are:

    • display images automatically
    • show captions on/off
    • shuffle on/off
    • custom prev-next buttons
    • ability to define the animation & slide periods
    • & more

    The look & feel can be customized via CSS and from the settings of the plugin like the borders, colors, etc.

    Gaya Design is featuring a very nice tutorial (with source) on creating an image slider with a progress bar.

    The slider uses the powerful jQuery Cycle plugin (see WRD post) which can rotate images with various effects.

    Image Slider With Progress Bar

    The progress bar is created automatically to reflect the number of images that wi,ll be displayed.

    Besides the look & feel of the slider, variables like speed of the slideshow & transitions can be set too.

    Here are several examples provided to better findout how it functions.

    Uptime Robot
    feed-holder
    FeedBurner
    • PSD to HTML
    • PSD to HTML
    • PSD to HTML
      MailChimp
      activeCollab | Project Management

    Vivvo CMS - Web Publishing at your Fingertips