https://www.photoland21.jp/js/common.js

1
2//smartRollover.js
3function smartRollover() {
4    if(document.getElementsByTagName) {
5        var images = document.getElementsByTagName('img');
6
7        for(var i=0; i < images.length; i++) {
8            if(images[i].src.match('_off.'))
9            {
10                images[i].onmouseover = function() {
11                    this.setAttribute('src', this.getAttribute('src').replace('_off.', '_on.'));
12              
13                }
14                images[i].onmouseout = function() {
15                    this.setAttribute('src', this.getAttribute('src').replace('_on.', '_off.'));
16                   
17                }
18
19            }
20        }
21    }
22}
23
24if(window.addEventListener) {
25    window.addEventListener('load', smartRollover, false);
26}
27else if(window.attachEvent) {
28    window.attachEvent('onload', smartRollover);
29}
30
31$(document).ready(function() {
32    var pagetop = $('.pagetop');
33    pagetop.click(function () {
34        $('body, html').animate({ scrollTop: 0 }, 500);
35        return false;
36    });
37  
38     $('box_hover').on({
39        'mouseenter':function() {
40            $(this).fadeTo(200, 0.7);
41        },
42        'mouseleave':function() {
43            $(this).fadeTo(200, 1.0);
44        }
45    });
46     $('.hover_g01').hover(function () {
47        $('.drop_gnav').toggleClass('opened');
48        $('.drop_gnav').stop().slideToggle();
49    });
50	$('.hover_g02').hover(function () {
51        $('.drop_gnav2').toggleClass('opened');
52        $('.drop_gnav2').stop().slideToggle();
53    });
54    $('a.link_over').on({
55        'mouseenter':function() {
56            $(this).fadeTo(200, 0.7);
57        },
58        'mouseleave':function() {
59            $(this).fadeTo(200, 1.0);
60        }
61    });
62      
63});
64
65
66$(function() {
67  $('.imghover_on').each(
68      function() {
69          this.onImage = $(this).attr('src').replace(/^(.+)(\.[a-z]+)$/,"$1"+'_on'+"$2");
70          this.onHtml = $('<img src="'+this.onImage+'" alt="" style="position:absolute; opacity:0;" />');
71          $(this).before(this.onHtml);
72          $(this.onHtml).hover(
73              function() {
74                  $(this).stop().animate({'opacity': '1'}, 50);
75              },
76              function() {
77                  $(this).stop().animate({'opacity': '0'}, 200);
78              }
79          )
80      }
81  )
82});
83
84//Fix height box
85    equalheight = function (container) {
86
87        var currentTallest = 0,
88             currentRowStart = 0,
89             rowDivs = new Array(),
90             $el,
91             topPosition = 0;
92        $(container).each(function () {
93
94            $el = $(this);
95            $($el).height('auto')
96            topPostion = $el.position().top;
97
98            if (currentRowStart != topPostion) {
99                for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
100                    rowDivs[currentDiv].height(currentTallest);
101                }
102                rowDivs.length = 0; // empty the array
103                currentRowStart = topPostion;
104                currentTallest = $el.height();
105                rowDivs.push($el);
106            } else {
107                rowDivs.push($el);
108                currentTallest = (currentTallest < $el.height()) ? ($el.height()) : (currentTallest);
109            }
110            for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
111                rowDivs[currentDiv].height(currentTallest);
112            }
113        });
114    }
115
116    
117
118    $(window).resize(function () {
119        equalheight('.box_fix_height');
120    });
121
122    $(window).load(function () {
123        equalheight('.box_fix_height');
124    });
125    $(window).resize(function () {
126        equalheight('.box_fix_height01');
127    });
128
129    $(window).load(function () {
130        equalheight('.box_fix_height01');
131    });
132 
133$(function() {
134    var showFlag = false;
135    var topBtn = $('#page-top');    
136    topBtn.css('bottom', '-150px');
137    var showFlag = false;
138    //スクロールが100に達したらボタン表示
139    $(window).scroll(function () {
140        if ($(this).scrollTop() > 100) {
141            if (showFlag == false) {
142                showFlag = true;
143                topBtn.stop().animate({'bottom' : '50px'}, 200); 
144            }
145        } else {
146            if (showFlag) {
147                showFlag = false;

148                topBtn.stop().animate({'bottom' : '-150px'}, 200); 
149            }
150        }
151    });
152    //スクロールしてトップ
153    topBtn.click(function () {
154        $('body,html').animate({
155            scrollTop: 0
156        }, 500);
157        return false;
158    });
159});
160
161$(function() {
162    var showFlag = false;
163    var topBtn = $('#page-top');    
164    topBtn.css('bottom', '-150px');
165    var showFlag = false;
166    //スクロールが100に達したらボタン表示
167    $(window).scroll(function () {
168        if ($(this).scrollTop() > 100) {
169            if (showFlag == false) {
170                showFlag = true;
171                topBtn.stop().animate({'bottom' : '50px'}, 200); 
172            }
173        } else {
174            if (showFlag) {
175                showFlag = false;
176                topBtn.stop().animate({'bottom' : '-150px'}, 200); 
177            }
178        }
179    });
180    //スクロールしてトップ
181    topBtn.click(function () {
182        $('body,html').animate({
183            scrollTop: 0
184        }, 500);
185        return false;
186    });
187});