Login / Register

Share Snipplr

Follow @Snipplr

Popular Tags

javascript html browser forms css style navigation form textmate jquery date ie math event button DOM xhtml wordpress window links images template ajax url google module list file load format redirect flash object replace line text js class resize image link email number login files color actionscript java script background array ie6 xml function http web validation search mac find design simple layout query json dropdown table post data regex ip starter copy code regexp Business php aspnet convert mysql debug page animation command apache mail plugin api log joomla drupal iphone sort order center phone cache path rails twitter

Welcome To Snipplr

Everyone's Recent JavaScript Snippets Tagged image

« Prev 1 2 Next »

JavaScript Preload all bg images referenced in CSS

will preload any background image referenced in your CSS.

image

0 824 posted 11 years ago by sarpay

JavaScript Round Slide Show With an Iris

Simle markup, simple CSS combined with ver straight forward javascript to produce some really cool effects.

image

0 820 posted 11 years ago by COBOLdinosaur

JavaScript unveil.js - a lightweight version of the \'lazy load\' plugin

Via @lmgalmeida Usage: data-src="image.jpg" src="loader.gif" $("img").unveil();

image

0 851 posted 12 years ago by digitalclubb

JavaScript Accessing the Device Photo Gallery with PhoneGap

image

2 897 posted 13 years ago by parkerkrhoyt

JavaScript Using the Device Camera with PhoneGap

image

0 898 posted 13 years ago by parkerkrhoyt

JavaScript Resize background image

FunciÃ³ que agafa les mides de la pantalla i redimensiona proporcionalment una imatge per a que s'adapti a ella.

image

0 823 posted 13 years ago by hectorlorenzo

JavaScript JS mass image preloading

wrote this snippet as a necessity to preload many images without writing same code all the time in JS...

image

0 806 posted 13 years ago by alik

JavaScript jQuery Image Replace using substring

image rollovers in jquery are usually super easy. However it sucks when working with absolute image paths - like a separate media server or CDN. Heres a quick snippet using substring and lastIndexOf to swap out the image src.

image

0 834 posted 13 years ago by inreflection7

JavaScript Load external binary data as data url

image

0 833 posted 13 years ago by devnull69

JavaScript Disable right-clicking, image dragging, pretty much everything, etc.

Annoy your visitors, fool your friends, fun and party. Please note that this also disables ability to write in form fields.

image

0 655 posted 13 years ago by stephcode

JavaScript Slideshow with cursor controlled distortion effect

What's so special about this JavaScript slideshow? By moving your cursor all over the webpage you create a nice distortion effect on your images.

image

0 737 posted 13 years ago by fabulant

JavaScript Static Image Rotate on Refresh

random image loaded on page refresh

image

0 658 posted 13 years ago by raondo

JavaScript check if image is loaded javascript

image

1 820 posted 13 years ago by hamsterbacke82

JavaScript Fix IE Background Image

image

0 881 posted 14 years ago by touffies

JavaScript Reload an image with jQuery

image

1 1012 posted 14 years ago by magicrebirth

JavaScript Alt image loaded script

image

1 636 posted 14 years ago by tennison

JavaScript Variable-sized Image Map, version 0.01

Hey, I just thought I would share something I made that I tested in IE6, IE8, Firefox 3.6, and Chrome 4. It allows you to resize a client-side image map based on the size of the image, so when your image resizes, your map still works how you want...

image

0 829 posted 14 years ago by xtknight

JavaScript Basic JavaScript Image Fading

adapted from: [http://aktuell.de.selfhtml.org/artikel/javascript/fader-framework/bilderslideshow.htm](http://aktuell.de.selfhtml.org/artikel/javascript/fader-framework/bilderslideshow.htm)

image

0 787 posted 14 years ago by cfleschhut

JavaScript image preloader

image

2 765 posted 14 years ago by fackz

JavaScript Auto-resizing background image using Canvas

The canvas drawImage size default is 300 x 150, so it's using the CSS to resize the canvas. Example posted at http://pastebin.me/76aed7005b1b413ea3c479287f4dbd59

image

0 1317 posted 15 years ago by Motty

JavaScript Rollover image buttons to WYSIWYG editors like TinyMCE, FCKEditor, Kupu

image

1 916 posted 15 years ago by miohtama

JavaScript image reflection (horizontal or vertical)

How to use: HTML: <img id="image" src="image.png" alt=""/> JavaScript: add_reflection (document.getElementById ( 'image'), 1, 1, 0.1, 0); As a result, the script wrap image in the div, ask him to the desired height and...

image

2 865 posted 15 years ago by Jman

JavaScript Load images after the web page is loaded

image

1 1140 posted 15 years ago by eden159

JavaScript jQuery dynamic image resizer function

image

4 1018 posted 16 years ago by grosbouff

JavaScript Use Image Alt for Image Title

Firefox ignores the alt tag on images and uses the title tag whereas IE uses the alt tag. This javascript code copies the text in all image alts to the image's title. Best when placed at the footer of each page

image

1 864 posted 16 years ago by ezerick

JavaScript Javascript image preload object

How to use: 1) < script type="text/javascript" src="path-to-file.js"... 2) < body onload="oHW.preMontar('img1_on.jpg','img2_on.jpg','img3_on.jpg');"... 3) < a href="#" onmouseout="oHW.Restore()" onmouseover="oHW.Cambiar('mnind','img1_on.jpg'...