質問編集履歴
1
コードと試した事を追記変更しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
### 該当のソースコード
|
|
15
15
|
|
|
16
|
-
/*===
|
|
16
|
+
/*===アニメーション===*/
|
|
17
17
|
function start_nowCustomer(){
|
|
18
18
|
|
|
19
19
|
//ロゴ
|
|
@@ -76,65 +76,17 @@
|
|
|
76
76
|
});
|
|
77
77
|
});
|
|
78
78
|
|
|
79
|
-
|
|
80
79
|
}
|
|
81
|
-
|
|
82
|
-
/*===新規ターゲットへのアニメーション===========*/
|
|
83
|
-
function start(){
|
|
84
|
-
|
|
85
|
-
//文字アニメーション 1行目
|
|
86
|
-
$("#StartAnimation span").css({
|
|
87
|
-
"y" : 32,
|
|
88
|
-
"opacity" : 0
|
|
89
|
-
});
|
|
90
|
-
var delay = 90;
|
|
91
|
-
$("#StartAnimation .first span").each(function(i){
|
|
92
|
-
$(this).transit({
|
|
93
|
-
"delay" : delay * i,
|
|
94
|
-
"y" : 0,
|
|
95
|
-
"opacity" : 1
|
|
96
|
-
},900,"easeOutExpo");
|
|
97
|
-
|
|
98
|
-
});
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
//文字アニメーション 2行目
|
|
102
|
-
var firstNumDelay = delay * $("#StartAnimation .first span").length + 600;
|
|
103
|
-
var l = $("#StartAnimation .second span").length;
|
|
104
|
-
var c = 0;
|
|
105
|
-
$("#StartAnimation .second span").each(function(i){
|
|
106
|
-
$(this).transit({
|
|
107
|
-
"delay" : delay * i + firstNumDelay,
|
|
108
|
-
"y" : 0,
|
|
109
|
-
"opacity" : 1
|
|
110
|
-
},900,"easeOutExpo",function(){
|
|
111
|
-
c++;
|
|
112
|
-
if(l == c){
|
|
113
|
-
$window.off("resize",onHeightScroll);
|
|
114
|
-
seceneMove();
|
|
115
|
-
}
|
|
116
|
-
});
|
|
117
|
-
});
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
setTimeout(headLoad,200);
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
function headLoad(){
|
|
124
|
-
//header画像読み込み
|
|
125
|
-
$("header,#HeadMailBlock").find("[data-src]").each(function(i){
|
|
126
|
-
var $this = $(this);
|
|
127
|
-
$this.attr("src",$this.attr("data-src"));
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
|
-
|
|
131
80
|
|
|
132
81
|
### 試したこと
|
|
133
82
|
参考サイトのソースをコピーし、そのまま使用すると動いたのですが、
|
|
83
|
+
|
|
84
|
+
htmlに画像を追加し、
|
|
85
|
+
上記js箇所
|
|
86
|
+
//3文字目の部分をコピーして、//4文字目として増やしても画像が増えませんでした。
|
|
87
|
+
上記のコードのどこを編集すれば画像が追加できるでしょうか？
|
|
134
|
-
|
|
88
|
+
また、減らす場合はどのコードを編集すればよいでしょうか？
|
|
135
89
|
|
|
136
90
|
### 補足情報（FW/ツールのバージョンなど）
|
|
137
|
-
参考サイトから流用せずに、シンプルで初心者にカスタマイズしやすいコードでサンプルがあ
|
|
91
|
+
※もし可能なら、参考サイトから流用せずに、シンプルで初心者にカスタマイズしやすいコードでサンプルサイトなどがありましたらお教えいただけると有り難いです。
|
|
138
92
|
jsに関して知識が乏しいため、お知恵をお貸しいただければ幸いです。
|
|
139
|
-
よろしくお願いいたします。
|
|
140
|
-
|