Lastest JavaScripts: Rotation http://www.javascriptbank.com/rss/image/rotation/ Lastest JavaScripts: Rotation en Copyright (C) JavaScriptBank.com 60 [email protected] RSS JavaScript Image Rotation script with CANVAS in HTML5 <img src="http://www.javascriptbank.com/javascript.images/image/javascript-image-rotation-script-canvas-html5.jpg" width="100" height="100" align="left" style="margin: 5px;" />Rotating images is not new type of JavaScript effects because they were ever showed on jsB@nk through many JavaScript code examples: - <a href="http://www.javascriptbank.com/image-rotation-without-images.html">Image rotation without images</a> - <a href="http://www.javascriptbank.com/worldmap-with-rotating-resize-animation.html">Worldmap with rotating resize-animation</a> - <a href="http://www.javascriptbank.com/rotating-gifs-and-jpgs.html">Rotating GIFs and JPGs</a> However, in order to catch the friend's trend around the world, jsB@nk is pleasure to present you one more new <a href="http://www.javascriptbank.com/=JavaScript image rotation" title="JavaScript image rotation">JavaScript image rotation script</a>, but it's made with canvas in HTML5 (<a href="http://www.javascriptbank.com/=HTML5 rotate image" title="HTML5 rotate image">HTML5 rotate image</a>). This JavaScript image rotate effect is very simple, so you can easily master some canvas methods such as: setAttribute, getContext, drawImage and rotate. http://www.javascriptbank.com/javascript-image-rotation-script-canvas-html5.html 1303714962 Simple Swap <img src="http://www.javascriptbank.com/javascript.images/image/simple-swap.jpg" width="100" height="100" align="left" style="margin: 5px;" />This <a href="/javascript/">JavaScript</a> simplifies the creation of <a href="/javascript/image/">image</a> rollovers. Instead of a lot of complicated code on the page, it only requires a <a href="/javascript/link/">JavaScript link</a> to the two images, without any changes to the external <a href="/javascript/">JavaScript</a> file. Very unobtrusive JavaScript! http://www.javascriptbank.com/simple-swap.html 1170117175 Rotating Image script <img src="http://www.javascriptbank.com/javascript.images/image/rotating-image-script.jpg" width="100" height="100" align="left" style="margin: 5px;" />Display your images in a rotating sequence. Easy to set up and very unobtrusive. http://www.javascriptbank.com/rotating-image-script.html 1170117174 Slideshow using the 'Fade' filter(IE) <img src="http://www.javascriptbank.com/javascript.images/image/image-using-fade-filter.jpg" width="100" height="100" align="left" style="margin: 5px;" />With IE's multimedia filters, have a quick and easy way to add interesting visual effects to content on your page. You need IE5.5+ to see the transitional effect, though the slideshow itself works in all browsers. http://www.javascriptbank.com/image-using-fade-filter.html 1170116128 Banner Ad Rotator <img src="http://www.javascriptbank.com/javascript.images/image/banner-ad-rotator.jpg" width="100" height="100" align="left" style="margin: 5px;" />Display two or more rotating banners (480 x 60) in an infinite loop. Banners also <a href="/javascript/link/">JavaScript link</a> to advertised URLs. http://www.javascriptbank.com/banner-ad-rotator.html 1170116119 DOM Image Rollover II <img src="http://www.javascriptbank.com/javascript.images/image/dom-image-rollover-ii.jpg" width="100" height="100" align="left" style="margin: 5px;" />Add the classic 'roll over' effect to your image(s) with ease, thanks to this versatile DHTML script. Just insert a custom HTML attribute inside the image, and you're done. http://www.javascriptbank.com/dom-image-rollover-ii.html 1170116114 Crossbrowser fade-in-fade-out for web-images <img src="http://www.javascriptbank.com/javascript.images/image/crossbrowser-fade-in-fade-out-for-web-images.jpg" width="100" height="100" align="left" style="margin: 5px;" />Fade-in-fade-out-effect for your all your image-presentations, diashows etc. Cross-browser. http://www.javascriptbank.com/crossbrowser-fade-in-fade-out-for-web-images.html 1170115987 Stunning 3D Animation <img src="http://www.javascriptbank.com/javascript.images/image/stunning-3d-animation.jpg" width="100" height="100" align="left" style="margin: 5px;" />By applying the new <a href="/title=DHTML">DHTML</a> <a href="/javascript/image/">image</a> stretch technology you are able to create a stunning 3D-Effect-Animation with one simple image. http://www.javascriptbank.com/stunning-3d-animation.html 1170115972 Double fading Image Scroller 2.03 <img src="http://www.javascriptbank.com/javascript.images/image/double-fading-image-scroller-2-03.jpg" width="100" height="100" align="left" style="margin: 5px;" />Image scroller with unique fade zones. Add a comment and <a href="/javascript/link/">JavaScript link</a> to each picture. Easy configuration of images, font-attributes and fade zones. http://www.javascriptbank.com/double-fading-image-scroller-2-03.html 1170115971 DHTML Fading Animation Image <img src="http://www.javascriptbank.com/javascript.images/image/dhtml-fading-animation-image.jpg" width="100" height="100" align="left" style="margin: 5px;" />Enhancing <a href="/javascript/image/slideshow/">image presentation</a> on your website with this image rotator plus smooth dynamic <a href="/=motion">motion</a> (fade-in-fade-out). A very great animation effect if you bring to visitor pictures become more living! Page content loads much faster than any gif animation effect. Easy to setup and customize. http://www.javascriptbank.com/dhtml-fading-animation-image.html 1170115969