This JavaScript will resize a group of images to a preset maximum width. Useful for regulating picture size, especially on sites where images are posted at random by multiple users.
This JavaScript will apply border and optical to images onmouseover by using CSS.
This JavaScript will display picture in a layer when visitors click images and this layer will disappear when it is clicked.
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.
This carousel image slideshow, with its object oriented design, redefines robustness. The script supports vertical and horizontal scrolling, optional linking, title attributes, configurable visible sides, and more. Furthermore, multiple, different versions of this JavaScript can be invoked on the same page.
This is a cross-browser script that moves any number of images around the page, each following a randomly determined path.
Swap images using this short, sweet, and easy to edit script! The images are swapped using a MouseOver technique.
Use JavaScript to Scale an Image According to Window Size Sometimes you need to resize an image according to the window's size. You can do this by setting the image width and height as 100 percent inside the <img> tag. IE then resizes the image according to the window's size.
You can also do this with JavaScript, using document.body.clientWidth
and document.body.clientHeight
. These return the active window width and height. On_Load sets the image width and height. When the window is resized, width.history.go(0) refreshes the page.
This JavaScript is intended for forms where the user needs to upload an image to a Web site. The image is displayed on the page for previewing before uploading. The display will be resized if needed so as not to break the page layout. Valid file types are set in the script; others will be disallowed. Works only in Internet Explorer but degrades gracefully.