| TOTAL: 9 Page: 1 of 1 |
|
Building an image slide show
Apart from roll-over effects, this must be one of the most common questions I get asked regarding images: "How do I create an image slide show?" Well, there are many ways, the simplest and most efficient using JavaScript. In this tutorial, we will discuss all the necessary information you'll need to put together a cool image slide show using JavaScript.
| Hits: | 56 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-20 |
Creating depressible images
Using JavaScript, we can make any image appear depressed when the user presses down on the image with his/her mouse, and pop back up when he releases it. This creates a depressible image. The two events that help realize this effect are:
| Hits: | 49 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-20 |
Accessing images/ image rollovers
All images in a web page are accessible through "image object" in JavaScript. The image object is created for you whenever you insert images onto your webpage. It does so automatically, even if there's not one line of JavaScript code on your page, as opposed to the Date object, for example. In this tutorial, we will look at how to access images in JavaScript, and also, how to create the popular rollover image effect using JavaScript.
| Hits: | 49 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-20 |
Button Images for Adding Text to a Textbox - Create a smiley interface for text
This is a very useful technique for smileys and bbcode. It makes a website easier to use and adds to its functionality. Basically, there are two ways of doing this: the first method includes giving an onclick attribute to a normal button. This just adds the desired text to the textbox straightway. The second method invloves using a function using the same basic code. Essentially, they both uses the same principles, and both accomlish the same result. However, I would reccommend not using a fu
| Hits: | 153 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-20 |
Image Thumbnail Viewer
Prior to DHTML, viewing the images behind the thumbnails meant displaying them in their own browser window (by setting a URL to the image's path), which interrupts your visitor's browsing experience. This cool DHTML script allows you to show images inline on the page, with the images downloaded only when called. The displayed image is dragable, so the user can adjust its position dynamically. Browsers other than IE 4+ and NS 6+ will automatically resort to the old method of displaying the images
| Hits: | 52 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-20 |
CMotion Image Gallery Script - Versatile gallery script that is mouse controlled
CMotion Image Gallery is a versatile gallery script that uses the most intuitive input devise available, the user's mouse, to control it! The user can direct both the image scrolling direction and speed just by placing the mouse on either spectrums of the image gallery. Clicking on an image can then load a larger version of it, navigate to a page etc. Apart from the gallery's dimensions, you can also specify its top scrolling speed, with the script then creating a range from 0-top speed and dist
| Hits: | 57 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-20 |
Ultimate Fade-in Slide Show - Create a slideshow fade script with a mouseover pa
This is a robust, cross browser fade in slideshow script that incorporates some of your most requested features. They are the ability to display multiple slideshows on the same page, optional linking and link targeting for certain images, and the ability to randomize the display order of the images. You can also set the slideshow to pause when the mouse moves over it. Each instance of a fade in slideshow on the page is completely independent of the other, meaning the aforementioned features can
| Hits: | 49 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-20 |
Creating a Fade-in image slideshow using the "Fade" filter (IE)
In this tutorial I'll show you how to create an image slideshow with an interesting fade-in effect for IE users (IE5.5+ to be exact). It relies on IE's multimedia filters, a quick and easy way to add interesting visual effects to content on your page. Here's what we'll see how to do: You need IE5.5+ to see the transitional effect, though the slideshow itself works in all browsers. Lets begin shall we?. The Fade filter Multimedia filters are a IE exclusive feature that instantly adds trans
| Hits: | 50 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-20 |
CSS Rules! for Image Replacement
After a tour through mezzoblue’s museum of image replacement, I noticed all of the choices seemed to be attacking the problem in an undesirable fashion. Nearly all of them approached the problem as if the html markup needed to indicate where the replacement needed to occur rather than the css. The techniques required the html documents to add ‘span’ tags, attributes or ids/classes to signpost replaced text. For individuals hoping to build semantically meaningful documents that divorce pres
| Hits: | 140 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-20 |