26 lines
819 B
JavaScript
26 lines
819 B
JavaScript
|
"use strict";
|
||
|
|
$(document).ready(() => {
|
||
|
|
|
||
|
|
// process each img tag
|
||
|
|
$("#image_rollovers img").each( (index, img) => {
|
||
|
|
const oldURL = img.src; // gets the src attribute
|
||
|
|
const newURL = img.id; // gets the id attribute
|
||
|
|
|
||
|
|
// preload rollover image
|
||
|
|
const rolloverImage = new Image();
|
||
|
|
rolloverImage.src = newURL;
|
||
|
|
|
||
|
|
// set up event handlers for changing images
|
||
|
|
$(img).mouseover( () => img.src = newURL );
|
||
|
|
$(img).mouseout( () => img.src = oldURL);
|
||
|
|
|
||
|
|
// set up event handlers for hovering over an image
|
||
|
|
// $(img).hover( // use jQuery syntax to access hover() method
|
||
|
|
// () => img.src = newURL, // hover over
|
||
|
|
// () => img.src = oldURL // hover out
|
||
|
|
// );
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
});
|