Skip to content

Commit da256b5

Browse files
oosugi20oosugi20
committed
取り敢えずあったもんを入れた
0 parents  commit da256b5

23 files changed

+2602
-0
lines changed

‎jquery.mk_carrousel 2.js

+167
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,167 @@
1+
/* $.fn.mk_carrousel
2+
****************************************************************************
3+
4+
/////////////////////////////////////////////////////////////////////////
5+
6+
@varsion : 0.1
7+
@author : http://www.makinokobo.com - [email protected]
8+
@last update : 2011.07.04 - [email protected]
9+
@Copyright : Copyright (c) 2010 Skill Partners Inc. All Rights Reserved.
10+
11+
/////////////////////////////////////////////////////////////////////////
12+
13+
usage:
14+
15+
16+
****************************************************************************/
17+
;(function($){
18+
$(window).load(function(){
19+
20+
21+
22+
//セッティングここから
23+
////////////////////////////////////////////////////////////////////
24+
25+
26+
//1段目の設定
27+
$('#mainVisual.ui-carrousel').mk_carrousel({
28+
speed: 10000, //スライドのスピード
29+
captionTimeout: 3000 //キャプションが出てくるタイミング
30+
});
31+
32+
33+
//2段目の設定
34+
$('#home-pickupCM .ui-carrousel').mk_carrousel({
35+
speed: 3000, //スライドのスピード
36+
captionTimeout: 3000 //キャプションが出てくるタイミング
37+
});
38+
39+
//3段目の設定
40+
$('#home-modelTimes .ui-carrousel').mk_carrousel({
41+
speed: 3000, //スライドのスピード
42+
captionTimeout: 3000 //キャプションが出てくるタイミング
43+
});
44+
45+
//4段目右の設定
46+
$('#home-interview .ui-carrousel').mk_carrousel({
47+
auto: false, //この行をコメントアウトするとスライドオン
48+
speed: 3000, //スライドのスピード
49+
captionTimeout: 3000 //キャプションが出てくるタイミング
50+
});
51+
52+
//4段目左の設定
53+
$('#home-cmGirls, #home-yakutama').mk_carrousel({
54+
auto: false, //変更しない
55+
roop: false, //変更しない
56+
captionTimeout: 3000 //キャプションが出てくるタイミング
57+
});
58+
59+
60+
////////////////////////////////////////////////////////////////////
61+
// セッティングここまで
62+
63+
64+
65+
66+
});
67+
68+
$.fn.mk_carrousel = function(options){
69+
//default options
70+
var defaults = {
71+
items: 'ul',
72+
item: 'li',
73+
caption: '.caption',
74+
captionTimeout: 3000,
75+
roop: true,
76+
auto: true,
77+
speed: 3000,
78+
easing: 'linear'
79+
};
80+
81+
var o = $.extend(defaults, options);
82+
83+
this.each(function(){
84+
var $elm = $(this);
85+
var $items = $elm.find(o.items);
86+
var $item = $items.find(o.item);
87+
var itemS = $item.size();
88+
var itemW = $item.width();
89+
90+
if(o.roop){
91+
var cloneI = 0;
92+
function cloneItem(){
93+
var elmW = $elm.width();
94+
var cloneS = Math.ceil(elmW/itemW)*2;
95+
96+
if($(o.items+' '+o.item,$elm).size()<=cloneS){
97+
for(var i = cloneI; i<=cloneS; i++){
98+
if($item.eq(cloneI).size()){
99+
$items.append($item.eq(cloneI).clone());
100+
cloneI++;
101+
}
102+
else{
103+
cloneI = 0;
104+
}
105+
};
106+
}
107+
}
108+
cloneItem();
109+
$(window).resize(function(){
110+
cloneItem();
111+
});
112+
};
113+
114+
function anime(){
115+
var left = $(o.items, $elm).css('left').replace('px','')*1 - itemW || -itemW;
116+
117+
$items.animate({
118+
'left': left
119+
}, {
120+
duration: o.speed,
121+
easing: o.easing,
122+
complete: function(){
123+
if(Math.abs(left) >= itemS*itemW){
124+
left = 0;
125+
$(this).css('left',0);
126+
}
127+
auto();
128+
},
129+
queue: false
130+
});
131+
}
132+
133+
function auto(){
134+
if(o.auto){
135+
anime();
136+
}
137+
};
138+
var $caption = $(o.caption ,$elm);
139+
$caption.show();
140+
var captionH = $caption.height() + $item.css('margin-top').replace('px','')*1 + $item.css('margin-bottom').replace('px','')*1;
141+
var pb = $items.css('padding-bottom').replace('px','');
142+
if(navigator.userAgent.indexOf("MSIE 6") != -1){
143+
$caption.css('bottom', -captionH-pb-1);
144+
}
145+
else{
146+
$caption.css('bottom', -captionH-pb);
147+
}
148+
149+
var captionTimeout = setTimeout(function(){
150+
$.each($caption, function(index, val){
151+
var cT = setTimeout(function(){
152+
$caption.eq(index).animate({
153+
'bottom': (navigator.userAgent.indexOf("MSIE 6") != -1) ? -1 : 0
154+
}, 100);
155+
}, 50*index);
156+
157+
});
158+
setTimeout(function(){
159+
auto();
160+
}, 1000);
161+
}, o.captionTimeout);
162+
});
163+
164+
return this;
165+
};
166+
167+
})(jQuery);

‎jquery.mk_carrousel.js

+177
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,177 @@
1+
/* $.fn.mk_carrousel
2+
****************************************************************************
3+
4+
/////////////////////////////////////////////////////////////////////////
5+
6+
@varsion : 0
7+
@author : http://www.makinokobo.com - [email protected]
8+
@last update : 2011.06.09 - [email protected]
9+
@Copyright : Copyright (c) 2010 Skill Partners Inc. All Rights Reserved.
10+
11+
/////////////////////////////////////////////////////////////////////////
12+
13+
usage:
14+
15+
16+
****************************************************************************/
17+
;(function($){
18+
19+
20+
$(function(){
21+
$('.ui-carrousel').mk_carrousel();
22+
$('.mainvisual').mk_carrousel({
23+
list: 'ul.contents',
24+
navClass: 'nav'
25+
});
26+
});
27+
28+
29+
$.fn.mk_carrousel = function(options){
30+
if(!this.size()) return this;
31+
32+
//default options
33+
var defaults = {
34+
list: 'ul.list',
35+
item: 'li',
36+
speed: 500,
37+
effect: 'easeOutQuart',
38+
fn_onPrev: null,
39+
fn_onNext: null,
40+
auto: true,
41+
interval: 5000,
42+
navClass: 'ui-carrousel-nav',
43+
currentClass: 'ui-current'
44+
};
45+
46+
var o = $.extend(defaults, options);
47+
48+
this.each(function(){
49+
var $this = $(this);
50+
var $list = $this.find(o.list);
51+
var $item = $list.find(o.item);
52+
var displayW = $list.innerWidth();
53+
var itemNum = $item.size();
54+
var itemW = $item.outerWidth();
55+
var itemMl = $item.css('margin-left').replace('px','')*1;
56+
var itemMr = $item.css('margin-right').replace('px','')*1;
57+
var itemW_ = itemW + itemMl + itemMr;
58+
var listW = itemW_ * itemNum;
59+
60+
var $display = $('<div/>').css({
61+
'position': 'relative',
62+
'width': displayW + 'px',
63+
'overflow': 'hidden'
64+
});
65+
66+
var $nav = $('<ul/>').attr('class', o.navClass);
67+
var navItem = '<li/>';
68+
69+
var displayNum = Math.floor(displayW / itemW_);
70+
var displayIndex = 0;
71+
var math_left = function(){ return 0 - displayIndex * displayNum * itemW_; };
72+
var timer;
73+
//var flag = false;
74+
75+
76+
//nav
77+
$this.append($nav);
78+
var displaySectionNum = Math.ceil(itemNum / displayNum);
79+
for(var i=1;i<=displaySectionNum;i++){
80+
$nav.append($(navItem).html('<a href="#">'+i+'</a>'));
81+
}
82+
var $navBtn = $this.find('.'+o.navClass+' li a');
83+
84+
85+
//functions
86+
var fn_current = function(){
87+
$navBtn.parent().removeClass(o.currentClass)
88+
.eq(displayIndex).addClass(o.currentClass);
89+
};
90+
91+
var fn_next = function(callback){
92+
//if(flag) return;
93+
//flag = true;
94+
$list.stop(true,false).clearQueue([]).animate({ 'left': math_left() + 'px' }, o.speed, o.effect, function(){
95+
if(callback) callback();
96+
if(o.fn_onNext) o.fn_onNext();
97+
//flag = false;
98+
});
99+
fn_current();
100+
displayIndex++;
101+
};
102+
103+
var fn_prev = function(callback){
104+
//if(flag) return;
105+
//flag = true;
106+
$list.stop(true,false).clearQueue([]).animate({ 'left': math_left() + 'px' }, o.speed, o.effect, function(){
107+
if(callback) callback();
108+
if(o.fn_onPrev) o.fn_onPrev();
109+
//flag = false;
110+
});
111+
displayIndex--;
112+
};
113+
114+
var fn_slide = function(callback){
115+
//if(flag) return;
116+
if(displayIndex < itemNum / displayNum){
117+
fn_next(callback);
118+
}
119+
else{
120+
//flag = true;
121+
displayIndex = 0;
122+
$list.stop(true,false).clearQueue([]).animate({ 'left': 0 + 'px' }, o.speed, o.effect, function(){
123+
//flag = false;
124+
displayIndex++;
125+
});
126+
fn_current();
127+
}
128+
};
129+
130+
var fn_auto = function(){
131+
if(o.auto){
132+
timer = setInterval(function(){
133+
fn_slide();
134+
}, o.interval);
135+
}
136+
};
137+
138+
139+
//init
140+
$this.css({
141+
'overflow': 'hidden'
142+
});
143+
144+
$list
145+
.width(listW)
146+
.css({
147+
'position': 'relative'
148+
})
149+
.wrap($display);
150+
151+
$navBtn.each(function(){
152+
$(this).click(function(e){
153+
displayIndex = $navBtn.index($(this));
154+
clearInterval(timer);
155+
fn_slide(function(){
156+
fn_auto();
157+
});
158+
e.preventDefault();
159+
});
160+
});
161+
fn_current();
162+
fn_slide(function(){
163+
fn_auto();
164+
});
165+
});
166+
167+
return this;
168+
};
169+
170+
})(jQuery);
171+
172+
173+
174+
175+
176+
177+

0 commit comments

Comments
 (0)