iPhone Tutorial Icon CartoonSmart Blog CartoonSmart Affiliate Program Free Tutorial Videos CartoonSmart CartoonSmart Discounts About Contact CartoonSmart How to Optimize Flash for iOS or Android Export
Tutorials
Freebies and Demos iPhone/iPad tutorials iOS App Starter Kits PhoneGap Tutorials Dreamweaver and  HTML5 tutorials Toon Boom Tutorials Illustrator tutorials Animation and Motion Tutorials
Just Flash Tutorials
Flash to Android or iOs tutorials Actionscript 3 tutorials Gaming Drawing Tutorials Animation Tutorials Interface Design Tutorials Actionscript 2 tutorials MySQL
 
cartoon templates
Flash Templates
 
New Stuff
Your Cart
 
Easy to setup with Xml
HTML 5 Zoomer component

Give Every Image a Center Stage Spotlight
With This HTML5 Slideshow Gallery


Component compatibility: requires no software



Imagine Adding This Gallery to Your Homepage to Show Off Your Portfolio or Best Work...

It runs incredibly well on the iPad too! Check out this demo video on YouTube.






Curious About What's Customizable? Read the Features List...

Fully XML driven for smooth installing and maintaining.

Support for multiple instances in the same page: you may have as many Zoom Components as you want in the same page , each one of them with a different image and different settings.

Advanced Buttons - the jump-to-image buttons are optional. They can have custom rounded corners, and can be positioned anywhere inside the gallery area. These can have a horizontal or vertical orientation (check out the alternative samples below for variations).

Advanced description / text animated windows. Each image can have one or more animated description windows (or none at all). These windows can be animated from any direction. The transition duration, transition delay and final position can be set for each image. They have full css support.

Support any type of image format(landscape, portrait or whatever)!


16 transition included, six of them are simulate the popular Ken Burns effect (you can see all of them running in the samples). The transition length and delay can be set individually for each image in seconds.

Bulk image preloader, for fast loading and display. After the initial image, upcoming images are always loading in the background.

Open a new link from each image (or disable linking on a per image basis). This means that if you click (or touch on mobile device) the big image a new page will open, the target for that window can be set (_self or _blank) This feature can be activated individually for each image or disable it globally for all big images.

The gallery width and height can be set to any size

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 thumbnails. A thumb will show up when the mouse is over a button. The thumbs border color, size and space between buttons can be configured to any value

The button or 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 optiona). This mean that the thumbs can be hidden once the mouse is not over the component area or the thumbs can always be visible.

Slide show preloader and images preloader are highly customizable. You can change the radius, color theme and position.
The slide show prealoder can be positioned anywhere by setting it's x and y position.

Slide show delay can be set individually for each image.

Slide show has an autoplay option.

The slide show button is optional so it can be disabled. Also the graphics and position for this button can be modified.

Next and previous buttons can navigate between images, or removed completely.


More examples of this gallery template





Interested in setting this up? Check out this video guide...



Not seeing the video above, click here to watch it on Vimeo







  25
Purchase this Tutorial
Paypal Cards2CO
Purchase With a Credit Card and receive download links minutes after the order

With the Personal License you can create an unlimited number of galleries for yourself or your company. You can not resell, redistribute or repackage the source code under any circumstances.
 


  25
Purchase this Tutorial
Paypal Cards2CO
Purchase With a Credit Card and receive download links minutes after the order

With the Developer License you can use this template as a freelance developer . You may upload the work-for-hire modifcations of the template to your client's website. You are not allowed to resell, redistribute or repackage the source code under any circumstances aside from establishing a work-for-hire relationship with a client, where you (not the client) performs modifications to the code.
 






CartoonSmart Affiliate Program Binpress 1&1 Hosting Web and Animation Design for Hire
Bulk Discount on CartoonSmart Tutorials





Once-a-Month Newsletter Sign-Up...


Email: