Well, I guess i'll post one of the scripts I am trying to integrate into our site. I don't have a link to the js but I will post the code in case anyone else wants to use it.
Code:
<script type="text/javascript">
function preloadImages() {
for(var i = 0; i < arguments.length; ++i)
(preloadImages.store[preloadImages.store.length] = new Image()).src = arguments[i];
}
preloadImages.store = [];
preloadImages("/path/to/loaded_image.png", "/path/to/mouseover_image.png", "/path/to/timed_image.png");
window.onload = function() {
var e = document.images['header_image'];
new FadableObject(e, 1, 10, 0, 99, false, false);
e.src = preloadImages.store[0].src;
e.onmouseover = function() {
this.fadeThread.fadeOut(function(){
this.element.src = preloadImages.store[1].src;
this.fadeIn();
});
};
e.onmouseout = function() {
function() {
document.images['header_image'].fadeThread.fadeOut(function(){
this.element.src = preloadImages.store[0].src;
this.fadeIn();
});
};
window.setTimeout(
function() {
document.images['header_image'].fadeThread.fadeOut(function(){
this.element.src = preloadImages.store[2].src;
this.fadeIn();
});
},
3000
);
e = null;
};
</script>
</head>
<body>
<h1>
<img src="/path/to/initial_image.png" id="header_image" alt="Header Text">
</h1>
This script is modified from
this script. Pretty much what it is for, is to make a flash/splash type header. Their are 2 images (3 if you want), 1 that is loaded once you are at the site, 1 that is loaded after 3 seconds of being at the site, then 1 that is loaded when you roll-over the header(i make it return to the 1st image)...I just need to add a skip button to it.