Home / Components / Galleries & Slideshows / HTML5 Gallery / Banner with Thumbs FWD /

HTML5 Gallery / Banner with Thumbs FWD

52 purchases

FWDesign Galleries & Slideshows HTML5 Gallery / Banner with Thumbs FWD Purchase a HTML5 Gallery / Banner with Thumbnails optimized for mobiles and desktops. $12 http://www.developgo.com/component/html5-gallery-banner-with-thumbs.html http://www.developgo.comhttp://u1.developgo.com/components/small/6014_1.png

License:

By purchasing and downloading this license, you are entitled, as buyer, to use the product in ONE SINGLE NON-COMMERCIAL PROJECT ( website or other ... [+]

> View graphic table with full license features

$12.00

buy now

Product ID:F1206014

Author:

FWDesign

FWDesign avatar

Responsive HTML5 JavaScript & WordPress Plugins. Photo and Multimedia Templates and Galleries

 

HTML5 Gallery / Banner with Thumbs FWD

The HTML5 Gallery / Banner with Thumbs can be used as a photo gallery or even as a banner rotator.

This gallery / banner rotator runs on PC but also it is 100% mobile compatible . We've also tested it on IPAD3 and it runs great, you will interact with it as you would with a native app, you can see an exemple at this link: Demo on iPad3

It has 16 transitions included and six of them are simulating the Ken Burns effect, they run really smooth and are implemented using the new HTML5 canvas element.

The entire color theme and skin can be modified and you can have more than one instance of the gallery in the same page (you may have as many galleries as you want in the same page), each instance having different settings and images. The setup and use of this gallery are extremely simple; everything is explained in detail in the help file.

Thumbnail support: this feature is optional, so it allows you to use the gallery with or without thumbs. The thumbs can be positioned top, bottom, left or right and the thumbs images can have any format and size.

Features

  • Fully XML driven this makes it really easy to install and maintain
  • Support for multiple instances in the same page: you may have as many galleries as you want in the same page and each one of the galleries / instances has its unique set of images and settings.
  • Buttons are optional and can be positioned anywhere by setting the x and y position for each of them, this is a unique and useful feature.
  • The entire color theme can be modified and also the graphics theme can be modified, each button can have different graphics, this mean that you can add your own skins, the buttons size does not have to be specific it will adjust based on the graphic (.jpg or .png) file used.
  • Support any type of image format (landscape, portrait or whatever)!
  • 16 transition included, six of them are simulating the popular Ken Burns effect, you can see all of them running in the samples.
  • The transition length and transition delay can be set individually for each image in seconds.
  • Bulk image preloader, it’s a feature for fast loading and displaying the photos; the images are loading in the background, when you navigate through photos you don't have to wait for loading pictures because the photos will already be loaded.
  • Open a new page each big image can have attach to it a url, this mean that if you click or touch up on mobile the big image a new page will open, the target for that window can be set (_self or _blank), please note that this feature can be activated individually for each image or disable it globally for all big images. you can see this feature in action in the last sample, the sample with the purple color theme, when the image is clicked or touched on mobile a new browser window will open.
  • The gallery width and height can be set to any size, this mean that you can use this gallery in any size you can think of.
  • The background color can be modified or it can be left transparent.
  • Thumbnail support, this feature is optional you can use it with or without thumbs, the thumbs can be positioned top, bottom, left or right and the thumbs images can have any format and size.
  • The thumbs border color, size and space between them can be configured to any value, this also include the animation color theme when a thumb is selected with the mouse or touched with the finger on mobile.
  • The thumbs can be hidden if the mouse leaves the gallery area and a delay in seconds can be set for this feature, this is also optional, this mean that the thumbs can be hidden once the mouse is not over the component area or always visible.
  • Slide show autoplay option.
  • Slide show preloader and images preloader, this preloders are highly customizable, you can change the radius, color theme and position.
  • The slide show prealoder can be position anywhere by setting it's x and y position.
  • Slide show delay can be set individually for each image.
  • The slide show button is optional this mean that it can be disabled, also the graphics and position for this button can be modified.
  • Next and previous buttons to navigate between images, as mentioned above the graphics for this buttons can be modified, the position can be set anywhere inside the gallery area, this feature is optional this mean that the next and previous button can be removed.
  • Description window and description button for each image, this means that you can set a different description for each image, the text has full css support so you can stylize the window as you like. This feature is also optional.
  • The description for the selected image has full CSS support, it can be styled with a CSS class or with inline CSS. Please note that this window is optional, it can be disabled if you choose so.

For more cool products visit FWebDesign portfolio . This product is included in the package: FWD All Products Package.

More about us on The Web Maker - Premium Responsive HTML5 JavaScript and WordPress Gallery and Audio and Video Player Plugins

$12.00

buy now

License:

Personal License By purchasing and downloading this license, you are entitled, as buyer, to use the product in ONE SINGLE NON-COMMERCIAL PROJECT ( website or other multimedia project not generating income ), your personal work or work for a client. You may not redistribute / resell the functionality provided with the purchased product without the author's and / or FlashComponents.net written permission, but you may modify its content. In case you want to use the product for a commercial project then you will have to buy the 'Commercial License'.

Usage Terms: Personal Commercial Multiple
Use in ONE SINGLE NON-COMMERCIAL project
Unlimited use in the same project
Use in ONE SINGLE COMMERCIAL project
For your client's ONE SINGLE COMMERCIAL project
MULTIPLE COMMERCIAL projects
For your client's MULTIPLE COMMERCIAL projects

10 comments

Add comment

  • New tags added for component HTML5 Gallery / Banner with Thumbs



    #  /  PM  /  posted on May 25, 2012
  • New tags added for component HTML5 Gallery / Banner with Thumbs



    #  /  PM  /  posted on May 25, 2012
  • Hi, i tested http://www.flashcomponents.net/component/html5-gallery-banner-with-thumbs/preview_live/9204.html on my ipad 2...but banner are not diplayed!



    #  /  PM  /  posted on Jun 18, 2012
  • @mewaysrl

    You can see a video demo with the banner working on ipad3, I have no idea why is not running on ipad2, we can't test the product on every device out there.



    #  /  PM  /  posted on Jun 18, 2012
  • Hi mewaysrl - I have got iPad 2 and everythink is working wery well. Fantastic job FWD. :)



    #  /  PM  /  posted on Jun 22, 2012
  • Thanks!



    #  /  PM  /  posted on Jun 22, 2012
  • Hello My designer just told me that this wont work on my website that is made from drupal. Please advice.

    Mitchel



    #  /  PM  /  posted on Jul 03, 2012
  • Please write to me at tibi_diablo@yahoo.com and please be more specific, I never worked with drupal but I will try to help you.



    #  /  PM  /  posted on Jul 03, 2012
  • Is it possible to use it with fluidwisth or fullscreen as your other galleries?



    #  /  PM  /  posted on Jun 03, 2013
  • Hi guys,

    The thumb scrolling and hover isn't working in Chrome for some reason. Works fine in FF and IE. Iv'e been searching for a solution for hours, please help.

    Andrew Stanley



    #  /  PM  /  posted on Jun 12, 2014
Please login to post comments.