https://rignise.com/common/js/top.js

1//プレロード
2var T_P = [
3'img/top/top_main_lp.jpg',
4'img/top/top_main_zdc.jpg',
5'img/top/benelli.jpg'
6];
7// 背景スライダー
8var speed = 700;
9var times = 7000;
10var bgimages = [
11'img/top/top_main_lp.jpg',
12'img/top/top_main_zdc.jpg',
13'img/top/benelli.jpg'
14];
15
16
17$(function () {
18loopImageLoader(0);
19});
20
21
22function loopImageLoader(i)
23{var image1 = new Image();
24image1.onload = function(){
25if(i < bgimages.length-1){i++;loopImageLoader(i);}
26else{
27// parallax();
28
29$(".preload").fadeOut(700,function(){
30thisnum = 0;
31setTimeout(function(){fadeinout();},times);
32});
33
34}
35}
36image1.src = T_P[i];
37
38}
39
40//スクロール時
41$(function() {
42  var $window = $(window);
43
44  $('.content').each(function(index) {
45    var $self = $(this);
46    var offsetCoords = $self.offset();
47
48    $(window).scroll(function() {
49      // If this section is in view
50      if (($window.scrollTop() + $window.height()) > offsetCoords.top && ((offsetCoords.top + $self.height()) > $window.scrollTop())) {
51        var yPos = -($window.scrollTop() / 8);
52        if ($self.attr('id') != 'first') {
53          yPos += 126;
54        }
55        // var coords = '50%' + yPos + 'px';
56        var coords = '50% ' + yPos + 'px';
57        $self.css('background-position', coords);
58
59        // Check for other sprites in this section
60        $('.sprite', $self).each(function(index) {
61          var $sprite = $(this);
62          var yPos = -($window.scrollTop() / $sprite.data('speed')) + $sprite.data('offsety');
63          $sprite.css('top', yPos);
64        });
65      }
66    });
67  });
68});
69
70
71//メインイメージサイズ
72function kvw(){
73    var w = $(window).width();
74        var wh = $(window).height();
75        //Gナビ高さを引く
76        var kh = (wh -= 173);
77}
78//メイン内Divの位置
79function kvp(){
80    var w = $(window).width();
81        var wh = $(window).height();
82        var wh2 = $(window).height();
83        //中央のDivの高さ
84        var kh = (wh -= 500);
85        var kvpt = (kh /= 2);
86
87        if(kvpt >= 30 ){
88          $('.top_main').css('padding-top',kvpt+'px');
89          $('.top_main').css('height',wh2 - kvpt - 173 +'px');
90        }else{
91          $('.top_main').css('padding-top','30px');
92          $('.top_main').css('height',wh2 - kvpt - 173 +'px');
93        }
94}
95
96jQuery(function($){ kvw(); kvp(); });
97jQuery(window).resize(function($){ kvw(); kvp(); });
98
99
100//メイン画像スライダー
101function fadeinout (){
102
103  $('.top_main').stop().animate({
104    opacity: 0    // 透明度
105  }, speed, function() {
106
107    if(thisnum == 0){
108      //zdc
109      $("#toplink").attr("href","/zdc/");
110    }else if(thisnum == 4) {
111      //lp
112      $("#toplink").attr("href","/showroom/");
113    }else{
114      $("#toplink").attr("href","#");
115    }
116    thisnum = thisnum === bgimages.length - 1 ? 0 : thisnum + 1;
117    $(".top_main").css("background-image","url("+bgimages[thisnum]+")");
118    // アニメーション完了後に実行する処理
119    $( ".top_main" ).animate({
120      opacity: 1
121    }, speed );
122
123  });
124
125setTimeout(function(){
126  fadeinout();
127}, times);
128}
129
130
131//マップリンク
132$(function(){
133
134$('.map_01').hover(function(){
135  $('.lineup_bg_1').css('z-index','2');
136},function(){
137   $('.lineup_img').css('z-index','1');
138  $('.lineup_bg_0').css('z-index','2');
139});
140$('.map_02').hover(function(){
141  $('.lineup_bg_2').css('z-index','2');
142},function(){
143  $('.lineup_img').css('z-index','1');
144  $('.lineup_bg_0').css('z-index','2');
145});
146$('.map_03').hover(function(){
147  $('.lineup_bg_3').css('z-index','2');
148},function(){
149  $('.lineup_img').css('z-index','1');
150  $('.lineup_bg_0').css('z-index','2');
151});
152$('.map_04').hover(function(){
153  $('.lineup_bg_4').css('z-index','2');
154},function(){
155  $('.lineup_img').css('z-index','1');
156  $('.lineup_bg_0').css('z-index','2');
157});
158$('.map_05').hover(function(){
159  $('.lineup_bg_5').css('z-index','2');
160},function(){
161  $('.lineup_img').css('z-index','1');
162  $('.lineup_bg_0').css('z-index','2');
163});
164$('.map_06').hover(function(){
165  $('.lineup_bg_6').css('z-index','2');
166},function(){
167  $('.lineup_img').css('z-index','1');
168  $('.lineup_bg_0').css('z-index','2');
169});
170$('.map_07').hover(function(){
171  $('.lineup_bg_7').css('z-index','2');
172},function(){
173  $('.lineup_img').css('z-index','1');
174  $('.lineup_bg_0').css('z-index','2');
175});
176
177
178
179});
180
181
182//新入荷車両スライダー（大）
183$(function(){
184  $('.slider_1').each(function(){
185    var loopsliderWidth = $(this).width();
186    var loopsliderHeight = $(this).height();
187    $(this).children('ul').wrapAll('<div class="loopslider_wrap_1"></div>');
188
189    var listWidth = $('.loopslider_wrap_1').children('ul').children('li').width();
190    var listCount = $('.loopslider_wrap_1').children('ul').children('li').length;
191
192    var loopWidth = (listWidth)*(listCount);
193
194    $('.loopslider_wrap_1').css({
195      top: '0',
196      left: '0',
197      width: ((loopWidth) * 2),
198      height: (loopsliderHeight),
199      overflow: 'hidden',
200      position: 'absolute'
201    });
202
203    $('.loopslider_wrap_1 ul').css({
204      width: (loopWidth)
205    });
206    loopsliderPosition();
207
208    $(this).hover(function(){
209      $('.loopslider_wrap_1').stop();
210    },function(){
211      loopsliderPosition();
212    });
213

214    $('.loopslider_wrap_1').css({left:'0'});
215    function loopsliderPosition(){
216      $('.loopslider_wrap_1').stop().animate({left:'-' + (loopWidth) + 'px'},400000,'linear');
217      setTimeout(function(){
218        loopsliderPosition();
219      },400000);
220    };
221
222    $('.loopslider_wrap_1 ul').clone().appendTo('.loopslider_wrap_1');
223  });
224});
225
226
227//新入荷車両スライダー（小）
228$(function(){
229  $('.slider_2').each(function(){
230    var loopsliderWidth_2 = $(this).width();
231    var loopsliderHeight_2 = $(this).height();
232    $(this).children('ul').wrapAll('<div class="loopslider_wrap_2"></div>');
233
234    var listWidth_2 = $('.loopslider_wrap_2').children('ul').children('li').width();
235    var listCount_2 = $('.loopslider_wrap_2').children('ul').children('li').length;
236
237    var loopWidth_2 = (listWidth_2)*(listCount_2);
238
239    $('.loopslider_wrap_2').css({
240      top: '0',
241      right: '0',
242      width: ((loopWidth_2) * 2),
243      height: (loopsliderHeight_2),
244      overflow: 'hidden',
245      position: 'absolute'
246    });
247
248    $('.loopslider_wrap_2 ul').css({
249      width: (loopWidth_2)
250    });
251    loopsliderPosition_2();
252
253    $(this).hover(function(){
254      $('.loopslider_wrap_2').stop();
255    },function(){
256      loopsliderPosition_2();
257    });
258
259    $('.loopslider_wrap_2').css({right: '0px'});
260    function loopsliderPosition_2(){
261      $('.loopslider_wrap_2').stop().animate({right: '-' + (loopWidth_2) + 'px'},400000,'linear');
262      setTimeout(function(){
263        loopsliderPosition_2();
264      },400000);
265    };
266
267    $('.loopslider_wrap_2 ul').clone().appendTo('.loopslider_wrap_2');
268    $('.loopslider_wrap_2 ul').clone().prependTo('.loopslider_wrap_2');
269  });
270});
271
272
273//画像ロールオーバー
274
275$(function(){
276  
277  $('.over_images').css("opacity","0");
278  $('.over_txts').css("opacity","0");
279
280  $('.loopslider a').hover(function(){
281      $(this).children(".over_images").stop().fadeTo(500 , 1);
282      $(this).children(".over_txts").stop().fadeTo(500 , 1);
283  },function(){
284      $(this).children(".over_images").stop().fadeTo(500 , 0);
285      $(this).children(".over_txts").stop().fadeTo(500 , 0);
286  });
287
288
289});
290
291// 透過処理 for IE
292// jQuery(function() {
293
294//     if(navigator.userAgent.indexOf("MSIE") != -1) {
295//     jQuery('.over_images').each(function() {
296//       if(jQuery(this).attr('src').indexOf('.png') != -1) {
297//         jQuery(this).css({
298//           'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + jQuery(this).attr('src') + '", sizingMethod="scale");'
299//         });
300//       }
301//     });
302//   }
303//   });
304