SitePal - Animated Talking Characters

Archive for the ‘Gallery’ Category

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
  • 4 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.

    Floom is a MooTools slideshow plugin that can present images & their captions beautifully.

    It displays them with a blind-effect & a chic loader that shows when the next image will be shown.

    MooTools Slideshow Plugin

    The plugin has various options like:

    • defining the number of blinds between transitions
    • slideshow interval
    • loader on/off
    • captions on/off

    To mention, Floom is not a complicated script, rather, it is a lightweight (4kb compressed) one with very few features (just auto-slides images) which is sometimes "what is needed".

    P.S. The download link in the website, currently, has a typo. You can use this address until it is fixed.

    Ad Gallery is a jQuery plugin for creating an image gallery/showcase quickly.

    The plugin uses unordered lists & converts them by offering lots of options for a better customization.

    jQuery Image Slider

    Some features of the plugin are:

    • auto-start from any image
    • keyboard navigation support
    • custom effects like slide, fade..
    • show image descriptions
    • clicking the images close to the next-prev buttons will call more thumbnails
    • work as a slideshow with start-stop buttons
    • & more..

    Ad Gallery preloads the images for a flawless display, however, if the image to be shown is not preloaded, it displays a loader & waits for the image to load.

    And, depending on the image size to be presented, it auto-arranges the dimensions of the "container div" for a better fit.

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

    Vivvo CMS - Web Publishing at your Fingertips