https://myfarm.co.jp/common/js/common.js

1function smartRollover() {
2    if(document.getElementsByTagName) {
3        var images = document.getElementsByTagName("img");
4 
5        for(var i=0; i < images.length; i++) {
6            if(images[i].getAttribute("src").match("_of."))
7            {
8                images[i].onmouseover = function() {
9                    this.setAttribute("src", this.getAttribute("src").replace("_of.", "_on."));
10                }
11                images[i].onmouseout = function() {
12                    this.setAttribute("src", this.getAttribute("src").replace("_on.", "_of."));
13                }
14            }
15        }
16    }
17}
18 
19if(window.addEventListener) {
20    window.addEventListener("load", smartRollover, false);
21}
22else if(window.attachEvent) {
23    window.attachEvent("onload", smartRollover);
24}
25 
26// cross fade
27 
28new function(){
29  function setRollOver2(){
30    if(!document.images){return;}
31    var imgs = document.images;
32    var insert = [];
33    for(var i=0;i<imgs.length;i++){
34      var splitname = imgs[i].src.split('_of.');
35      if((splitname[1])&&(imgs[i].parentNode.tagName=='A')){
36        var rolloverImg = document.createElement('img');
37        rolloverImg.src = splitname[0]+'_on.'+splitname[1];
38        var alpha = 0;
39        rolloverImg.currentAlpha = alpha;

40        rolloverImg.style.opacity = alpha/100;
41        rolloverImg.style.filter = 'alpha(opacity='+alpha+')';
42        rolloverImg.style.position = 'absolute';
43 
44        addEvent(rolloverImg,'mouseover',function(){setFader(this,100);});
45        addEvent(rolloverImg,'mouseout',function(){setFader(this,0);});
46 
47        insert[insert.length] = {position:imgs[i],element:rolloverImg};
48      }
49    }
50    for(var i=0;i<insert.length;i++){
51      var parent = insert[i].position.parentNode;
52      parent.insertBefore(insert[i].element,insert[i].position);
53    }
54  }
55 
56  function setFader(targetObj,targetAlpha){
57    targetObj.targetAlpha = targetAlpha;
58    if(targetObj.currentAlpha==undefined){
59      targetObj.currentAlpha = 100;
60    }
61    if(targetObj.currentAlpha==targetObj.targetAlpha){
62      return;
63    }
64    if(!targetObj.fading){
65      if(!targetObj.fader){
66        targetObj.fader = fader;
67      }
68      targetObj.fading = true;
69      targetObj.fader();
70    }
71  }
72 
73  function fader(){
74    this.currentAlpha += (this.targetAlpha - this.currentAlpha)*0.2;
75    if(Math.abs(this.currentAlpha-this.targetAlpha)<1){
76      this.currentAlpha = this.targetAlpha;
77      this.fading = false;
78    }
79    var alpha = parseInt(this.currentAlpha);

80    this.style.opacity = alpha/100;
81    this.style.filter = 'alpha(opacity='+alpha+')';
82    if(this.fading){
83      var scope = this;
84      setTimeout(function(){fader.apply(scope)},20);
85    }
86  }
87 
88  function addEvent(eventTarget, eventName, func){
89    if(eventTarget.addEventListener){
90      eventTarget.addEventListener(eventName, func, false);
91    }else if(window.attachEvent){
92      // IE
93      eventTarget.attachEvent('on'+eventName, function(){func.apply(eventTarget);});
94    }
95  }
96 
97  addEvent(window,'load',setRollOver2);
98 
99}