Lastest JavaScripts: Image
http://www.javascriptbank.com/rss/image/
Lastest JavaScripts: ImageenCopyright (C) JavaScriptBank.com60[email protected] RSSAwesome 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
1309154099JavaScript 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
1303714962Color 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 [email protected] want to discuss. [email protected]'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
1290146829Simple 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
1266661342Streaming 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
1239583003Image 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
1225586171Image 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
1211070953Simple 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
1207960541Streaming 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
1200098109JaS 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