WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Canvas

HTML5 Image Transitions Jquery Plugin

— Add-On to WorldWideScripts.net

Subscribe to our feed to stay up to date!

New! Follow us as you want it!


HTML5 Image Transitions Jquery Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Follow Envato add your homepageFollow Twitter shoot hitGet Web Design FreebiesGet Email Updates nilRequire Head over our dedicated support forum register, login in, read the faq post your problem



This is a jQuery plugin consisting of 4 canvas based image transitions. These transitions will work on all major browsers supporting the “canvas” element. This includes Chrome, Safari, mobile Safari (iphone/ipad), Firefox (4 and above) Opera and Microsoft Internet Explorer (9 and above).

For older browser like Microsoft Internet Explorer 7 and 8 (which lack canvas support), a fallback solution is provided in the form of a “fade in/out”, so your images will still transition even if lacking the visual part.

The plugin itself is just a single 5k js file with no additional styles required, usage is really simple and only minimal markup is needed to setup the transition:

 // markup <img src="from.jpg" data-destination="to.jpg" /> 



 // code $("img").peTransitionHilight(); 


This plugin takes advantage of latest browser features and is able to preload the images before the transition is started. It comes with default presets but can be highly customized by uding additional options on initialization.These are fully detailed in the included help documentation.


Download
Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers

Properties

Created:
24 September 11

Last Update:
N/A

High Resolution:
No

Compatible Browsers:
IE9, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML

Keywords

eCommerce, eCommerce, All Items, animation, canvas, composite, effect, fallback, glow, image, jquery, light, mouse, plugin, preload, slideshow, thumbnail, transition