Home / Components / Galleries & Slideshows / HTML5 Multimedia Picture Gallery FWD /
HTML5 Multimedia Picture Gallery FWD
42 purchases
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
$15.00
Product ID:F1206092
HTML5 Multimedia Picture Gallery FWD
The HTML5 Media Picture Gallery is a grid form photo gallery with Vimeo and YouTube support. It is a gallery of fixed height (the height will be set based on the number of rows) that will adapt to fit the browser's width regardless of the screen resolution.
The gallery can have any number of images and each image can be of any size, but proportional to a base thumb width and height. When an image is clicked or touched, it will open a lightbox window with the a bigger version of the image, YouTube or Vimeo video, or just a simple link (the link url and target can be speficied).
This gallery is using the GPU (hardware acceleration), the rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices.
Amazing performance on mobile devices, you can see in the video demo that it runs just like a native app!, it was coded and optimized for mobile devices and it is 100% mobile compatible and of course it will run just as great on PC. We have tested it on IPAD3 and it runs great, you will interact with it as you would with a native app, you can see a video demo at this link.
This HTML5 Media Picture Gallery plugin can be embedded in WordPress and you will receive, along with the download files, the complete instructions in the help file. WordPress demo available here.
Picture Gallery Features:
- Fully XML driven makes it really easy to install and maintain.
- Optimized for mobile, you can actually drag the grid just like you would on a native mobile app (touch screen navigation support for mobile), we insist to watch again a video demo at this link
- Unique and original grid style gallery type.
- Good memory management for mobile, this gallery will work on all mobile devices with HTML5 support and it is actually coded so that it will not consume too much memory therefore the browser will not die, there's a lot more under the hood of this gallery than meets the eye!
- Size flexible or fluid layout!
- 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.
- The entire color theme and graphics skin can be modified the buttons are actually images (.png or .jpg) so you can replace them with your own graphics, the button graphics can have a different shape, basically the look of this gallery can be completely modified. The skins presented in the samples are all included in the download files.
- All buttons and the scrollbar are optional.
- Support for unlimited number of thumbnails, you can have as many thumbnails as you like.
- Thumbnail title text can be showed by default or only when selected.
- Support any type of image format, (landscape, portrait or whatever)!
- CSS support, most of the gallery elements can be styled with css for example the thumbnail title and description texts can be styled with CSS.
- Scrollbar + right and left buttons to scroll the grid, the graphics for this buttons can be modified (optional).
- Right and left side buttons to scroll the grid, the graphics for this buttons can be modified (optional).
- It can have any number of rows and each row can have any number of images.
- The space between the thumbnails can be set.
- The border size and color can be set, also the thumb border can be removed if you don't need it.
- Optional thumb drop shadow.
- The thumbs can be set to black and white and when selected the color version of the image is revealed, this is all an internal function, this mean that you only need to provide the color version of the thumbnail image.
- The thumbnail images can be of any size, but they all must be proportional to a base thumb width and height (this is explained in detail in the help files).
- On thumb click or touch it can open a simple lightbox or an external link.
- The lightbox window content can be a bigger image, a video from the YouTube or Vimeo sites.
Many other cool features.
For more cool galleries visit FWebDesign portfolio . This product is included in the package: FWD All Products Package.
$15.00
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 |
Other by FWDesign:
Related components:









5 comments
Add comment
FWDesign
New tags added for component HTML5 Media Picture Gallery
#  /  PM  /  posted on Oct 10, 2012
jcjornet
Hi,
It's a great picture gallery! :) It works perfect in all browsers and iPad!
I'm interested to add some new features. I would like to add more divs for each picture. A rating for example or another div over the picture to mark it as new.
How I can do it? The .js file is compacted and it's hard to do it.
Thank you!
#  /  PM  /  posted on Dec 24, 2012
FWDesign
Hi.
Email me at [email protected] and I will send you the unminified files, please note that the code is fairly complex.
Best regards and happy holidays.
#  /  PM  /  posted on Dec 24, 2012
jcjornet
Hi,
It's a great picture gallery! it works perfect in all browsers and iPad! :)
I would like to add some new features. I'm wondering if there's a way to add new divs for each image. For example, i would like to add another div with a rating for each picture or another div over the picture to mark it as new one.
How I can do it? The .js file is compacted and it's hard to understand it.
Thank you !
#  /  PM  /  posted on Dec 24, 2012
Flash4ever
This week I bought HTML5 Multimedia Picture Gallery, but I have one problem with the MP4 and OGG extensions. I read that the movies need both the Mp4 and ogg files. But when I use tools to make a conversion to .ogg it makes automatic an .ogv file. Can I just rename the .ogv to .ogg .? Need the video a minimal resolution. Better can you tell me step by step how to make a existing video ready to play (both mp4 and ogg) I hope you can help me soon.
Best regards
#  /  PM  /  posted on Feb 22, 2013