Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- window.onload = rolloverInit;
- function rolloverInit() {
- for (var i=0; i<document.links.length; i++) {
- var linkObj = document.links[i];
- if (linkObj.className) { // otsime linkObjekti klassinime järgi
- var imgObj = document.getElementById(linkObj.className);
- if (imgObj) {
- setupRollover(linkObj,imgObj);
- }
- }
- }
- }
- function setupRollover(thisLink,textImage) { // linkObj, imgObj
- thisLink.imgToChange = new Array;
- thisLink.outImage = new Array;
- thisLink.overImage = new Array;
- // eelnevad read lisati, sest skriptis on mitmeid pilte, millega töötada, iga reaga loome uue omaduse thisLink'ile
- thisLink.imgToChange[0] = textImage; // massiiv, textImage asub imgToChange esimeses elemendis
- thisLink.onmouseout = rollOut;
- thisLink.onmouseover = rollOver;
- thisLink.outImage[0] = new Image(); //peame talletama pildi off(out) versiooni, seekord outImage massiivi esimeses elemendis
- thisLink.outImage[0].src = textImage.src;
- thisLink.overImage[0] = new Image();
- thisLink.overImage[0].src = "images/" + thisLink.id + "Text.gif"; //pildi over(on) versioon talletatakse overImage esimeseks elemendiks
- // et rollover töötaks paljude piltidega, selleks tuleb kasutada sama id, kuid Img lisaga.
- var rolloverObj = document.getElementById(thisLink.id + "Img");
- if (rolloverObj) {
- thisLink.imgToChange[1] = rolloverObj;// teine element massiivis uuel rolloverObj, kui onmouseout ja onmouseover eventhandlerid on käivitatud, siis vahetuvad pildid (swap)
- thisLink.outImage[1] = new Image();
- thisLink.outImage[1].src = rolloverObj.src; // seadistab outImage massiivi teise elemendi pildi out versiooni
- thisLink.overImage[1] = new Image();
- thisLink.overImage[1].src = "images/" + thisLink.id + "_on.gif"; // pildi over-versioon talletatakse overImage massiivi teiseks elemendiks
- }
- }
- function rollOver() { //rollOver funktsioonis vahetetakse pildid
- for (var i=0;i<this.imgToChange.length; i++) { //kuna mitmed pildid võivad vahetuda, on vaja teada, palju pilte on talletatud
- this.imgToChange[i].src = this.overImage[i].src;
- }
- }
- function rollOut() {// selles funktsioonis vahetatakse pildid out versiooni vastu.
- for (var i=0;i<this.imgToChange.length; i++) {
- this.imgToChange[i].src = this.outImage[i].src;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement