• Photo & Multimedia
  • Showcase & Versatiles
  • Menu & User Interface

Product Browser

This widget is inspired by apple.com. The original source code is from jQuery for Designer but we edited the code for the use of snippet. More powerful and better look. Additionally, every icon (image) size will be automatically adjusted so you can insert different sizes.

* You can experience a Pro version (name: 'Item Browser') of this widget from Pro Pack. Pro versions enable users to save and load (sharing contents with other green label widgets) their code with additional customizable options (+ flexible width & height, and supporting multiple rows).


    Mac iWork iLife

    Build your own

    • Input data in the fields below. (Your contents such as images, videos, and music can be anywhere on web. DropBox is recommended.)
    • Once you finish to insert contents please click "Verify the actual size of every photo" to get each correct photo dimension.
    • Click "Apply these settings", select the entire codes. Then, press Command + C (Mac) or Control + C (Windows) to copy.
    • Paste the source code into HTML snippet in iWeb. (Non-iWeb users can get an iFrame code by clicking "Make an iFrame" button.)

    * Optional settings

    * Insert groups

    * Insert contents

    * Copy and paste this code above into HTML snippet (iWeb) or snippet (for other tools, follow "Installation Guide"), and see if it works on your web browser.

    - iFrame code for non-iWebsites (other tools except for iWeb)

    I am Preview

    This live demo is dynamically loaded when you push "Apply these settings" button. This preview may not be same to the actual view in your website.
    * Important! Don't click a link from this preview. It will make you leave this page out so that you may lose your own code.