Lastest JavaScripts: Image http://www.javascriptbank.com/rss/image/ Lastest JavaScripts: Image en Copyright (C) JavaScriptBank.com 60 jsB@nk.com RSS Awesome Picture Showcase with Simple JavaScript Gallery <img src="http://www.javascriptbank.com/javascript.images/image/awesome-picture-showcase-with-simple-javascript-gallery.jpg" width="100" height="100" align="left" style="margin: 5px;" />This <a href="http://www.javascriptbank.com/65-free-javascript-photo-gallery-solutions.html">JavaScript gallery code</a> is really simple but it's so awesome and beautiful if you just need a basic picture gallery. This <a href="http://www.javascriptbank.com/65-free-javascript-photo-gallery-solutions.html">JavaScript picture gallery</a> does not use text much, it uses pictures and social icons only, and JavaScript effects, JavaScript animations built on <a href="http://www.javascriptbank.com/javascript/jquery/">jQuery framework</a>, jQuery prettyPhoto plug-in, combined with Cufont technique; absolutely this JavaScript picture showcase script may make your picture gallery look awesome and beautiful. This JavaScript picture gallery script has two themes: dark and light. Please go to the preview page to see or download it, or try other JavaScript gallery scripts already presented on jsB@nk: - <a href="http://www.javascriptbank.com/picture-gallery-with-display-switcher.html">Picture Gallery with Display Switcher</a> - <a href="http://www.javascriptbank.com/create-sliding-photo-gallery-using-jquery.html">Create Sliding Photo Gallery using jQuery</a> - <a href="http://www.javascriptbank.com/65-free-javascript-photo-gallery-solutions.html">65 Free JavaScript Photo Gallery Solutions</a> - <a href="http://www.javascriptbank.com/16-free-picture-slideshow-gallery-scripts.html">16 Free Picture Slideshow Gallery scripts</a> http://www.javascriptbank.com/awesome-picture-showcase-with-simple-javascript-gallery.html 1309154099 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 Color Grayscale Image Converter with JavaScript <img src="http://www.javascriptbank.com/javascript.images/image/color-grayscale-image-converter-with-javascript.jpg" width="100" height="100" align="left" style="margin: 5px;" />How to convert image to grayscale? A very easy, use a <a href="/tag=grayscale Photoshop">grayscale Photoshop</a> filter, this solution gives a very good result. But if you want to convert grayscale image on the web-based applications, how should we do? It's still a filter, because Adobe has released an online tool for editing pictures, or some other image editors. But this is not a topic jsB@nk.com want to discuss. jsB@nk.com's talking about a color grayscale image converter with JavaScript, a free simple JavaScript example code to <a href="/tag=convert grayscale">convert grayscale</a> on your web pages directly. Check out this free JavaScript example code to learn how to desaturate an image (convert color images to grayscale) using JavaScript. http://www.javascriptbank.com/color-grayscale-image-converter-with-javascript.html 1290146829 Simple Random Picture Transitions Slideshow <img src="http://www.javascriptbank.com/javascript.images/image/simple-random-picture-transitions-slideshow.jpg" width="100" height="100" align="left" style="margin: 5px;" />This <a href="/javascript/image/slideshow/">free JavaScript slideshow code</a> will bring 1 of 17 randomly chosen transitional effects to every picture in IE browsers. In the others, a custom fading transition effect is applied. You can set <a href="/javascript/link/">hyperlink</a> and a text description for each image, and the slideshow will pause when the user moves the mouse over it. http://www.javascriptbank.com/simple-random-picture-transitions-slideshow.html 1266661342 Streaming Horizontal Banner <img src="http://www.javascriptbank.com/javascript.images/image/streaming-horizontal-banner.jpg" width="100" height="100" align="left" style="margin: 5px;" />Use this <a href="/javascript/">JavaScript code</a> to make a a <a href="/javascript/scroller/">horizontal image scroller</a> on your web page. If do not view the source code, maybe you will think that this code use <a href="/title=marquee">MARQUEE</a> for <a href="/javascript/scroller/horizontal-scroller/">horizontal scroller</a>. Very easy to customize, can also include a URL for each image, can set size for each image. And you also see: <a href="/streaming-banners.html">Streaming Banners</a>. http://www.javascriptbank.com/streaming-horizontal-banner.html 1239583003 Image Caption - Surrounding Text <img src="http://www.javascriptbank.com/javascript.images/image/image-caption-surrounding-text.jpg" width="100" height="100" align="left" style="margin: 5px;" />With the help of this script, adding text to accompany images could not be easier. Give your <a href="/javascript/image/">image</a> a "title" -- how appropriate -- and a className, and in a few seconds you will have beautiful looking captions for your images. And, you can use HTML elements. http://www.javascriptbank.com/image-caption-surrounding-text.html 1225586171 Image Load Delayer <img src="http://www.javascriptbank.com/javascript.images/image/image-load-delayer.jpg" width="100" height="100" align="left" style="margin: 5px;" />This simple and short JavaScript can be used to delay the loading of any particular <a href="/javascript/image/">image</a> on a Web page. A smaller <a href="/javascript/image/">image</a> is loaded, which can be transparent or blank, in place of the larger image. After a designated amount of <a href="/javascript/time/">time</a> the larger image can be made to load in place of the smaller one. http://www.javascriptbank.com/image-load-delayer.html 1211070953 Simple Picture Gallery <img src="http://www.javascriptbank.com/javascript.images/image/simple-picture-gallery.jpg" width="100" height="100" align="left" style="margin: 5px;" />Display a <a href="/javascript/image/slideshow/">gallery</a> of images with titles and descriptions for each image. Easy to set up and completely customizable. http://www.javascriptbank.com/simple-picture-gallery.html 1207960541 Streaming Banners <img src="http://www.javascriptbank.com/javascript.images/image/streaming-banners.jpg" width="100" height="100" align="left" style="margin: 5px;" />Add a banner roll to your Web site with this easy-to-use script. Each banner can also include a URL. The size can be set in the script file. http://www.javascriptbank.com/streaming-banners.html 1200098109 JaS Gallery <img src="http://www.javascriptbank.com/javascript.images/image/jas-gallery.jpg" width="100" height="100" align="left" style="margin: 5px;" />This is a highly customizable <a href="/javascript/">JavaScript</a> library for easily turning your images into a collection viewable as a slideshow, and with fading effects, if desired. It also supports automatic thumbnail creation and tagging of images. http://www.javascriptbank.com/jas-gallery.html 1188261246