質問編集履歴

3

countUp-jquery.jsの追加

2021/02/17 05:39

投稿

aizen66
aizen66

スコア7

test CHANGED
File without changes
test CHANGED
@@ -97,3 +97,89 @@
97
97
 
98
98
 
99
99
  ```
100
+
101
+
102
+
103
+ countUp-jquery.js
104
+
105
+ ```ここに言語を入力
106
+
107
+ (function($) {
108
+
109
+
110
+
111
+ $.fn.countup = function(params) {
112
+
113
+ // make sure dependency is present
114
+
115
+ if (typeof CountUp !== 'function') {
116
+
117
+ console.error('countUp.js is a required dependency of countUp-jquery.js.');
118
+
119
+ return;
120
+
121
+ }
122
+
123
+
124
+
125
+ var defaults = {
126
+
127
+ startVal: 0,
128
+
129
+ decimals: 0,
130
+
131
+ duration: 2,
132
+
133
+ };
134
+
135
+
136
+
137
+ if (typeof params === 'number') {
138
+
139
+ defaults.endVal = params;
140
+
141
+ }
142
+
143
+ else if (typeof params === 'object') {
144
+
145
+ $.extend(defaults, params);
146
+
147
+ }
148
+
149
+ else {
150
+
151
+ console.error('countUp-jquery requires its argument to be either an object or number');
152
+
153
+ return;
154
+
155
+ }
156
+
157
+
158
+
159
+ this.each(function(i, elem) {
160
+
161
+ var countUp = new CountUp(elem, defaults.startVal, defaults.endVal, defaults.decimals, defaults.duration, defaults.options);
162
+
163
+
164
+
165
+ countUp.start();
166
+
167
+ });
168
+
169
+
170
+
171
+
172
+
173
+
174
+
175
+ return this;
176
+
177
+
178
+
179
+ };
180
+
181
+
182
+
183
+ }(jQuery));
184
+
185
+ ```

2

index.htmlのimgのソースを追加

2021/02/17 05:39

投稿

aizen66
aizen66

スコア7

test CHANGED
File without changes
test CHANGED
@@ -22,7 +22,19 @@
22
22
 
23
23
  上記のcustom.jsコードのcountに数が返ってくるのですが、
24
24
 
25
- そこで条件分岐して、数が4万以上であれば、jqueryでimageのsrcを変えたいのですが、さっぱり分かりません。
25
+ そこで条件分岐して、数が4万以上であれば、jqueryでindex.htmlのimageのsrcを変えたいのですが、さっぱり分かりません。
26
+
27
+
28
+
29
+ index.html
30
+
31
+ ```index.html
32
+
33
+ <figure class="about-left-img"><img src="imgs/about-img-left.png" alt="about-img-left"></figure>
34
+
35
+ ```
36
+
37
+
26
38
 
27
39
 
28
40
 
@@ -31,6 +43,8 @@
31
43
  display:none;で読み込んでおくことも必要なのですが、どこにコードを加えたらよいのかアドバイスいただけますと幸いです。
32
44
 
33
45
 
46
+
47
+ 以下は、package.json
34
48
 
35
49
  ```package.json
36
50
 

1

package.jsonの追加

2021/02/17 05:29

投稿

aizen66
aizen66

スコア7

test CHANGED
File without changes
test CHANGED
@@ -29,3 +29,57 @@
29
29
  画像はpreload しておくことと、
30
30
 
31
31
  display:none;で読み込んでおくことも必要なのですが、どこにコードを加えたらよいのかアドバイスいただけますと幸いです。
32
+
33
+
34
+
35
+ ```package.json
36
+
37
+ {
38
+
39
+ "name": "countup.js",
40
+
41
+ "description": "Animates a numerical value by counting to it",
42
+
43
+ "version": "1.9.3",
44
+
45
+ "license": "MIT",
46
+
47
+ "main": "./dist/countUp.min.js",
48
+
49
+ "repository": {
50
+
51
+ "type": "git",
52
+
53
+ "url": "git+https://github.com/inorganik/countUp.js.git"
54
+
55
+ },
56
+
57
+ "dependencies": {},
58
+
59
+ "devDependencies": {
60
+
61
+ "del": "~0.1.3",
62
+
63
+ "gulp": "~3.8.10",
64
+
65
+ "gulp-rename": "~1.2.0",
66
+
67
+ "gulp-uglify": "^1.4.2",
68
+
69
+ "gulp-wrap-umd": "~0.2.1"
70
+
71
+ },
72
+
73
+ "scripts": {
74
+
75
+ "build": "gulp",
76
+
77
+ "clean": "gulp clean"
78
+
79
+ }
80
+
81
+ }
82
+
83
+
84
+
85
+ ```