回答編集履歴
6
テキスト修正
test
CHANGED
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
|
|
99
99
|
|
|
100
100
|
|
|
101
|
-
- 画像は `img/`, JQuery と alphaimage は、`js/` フォルダの中に置
|
|
101
|
+
- 画像は `img/`, JQuery と alphaimage は、`js/` フォルダの中に置いています。
|
|
102
102
|
|
|
103
103
|
|
|
104
104
|
|
5
テキスト修正
test
CHANGED
|
@@ -94,7 +94,11 @@
|
|
|
94
94
|
|
|
95
95
|
|
|
96
96
|
|
|
97
|
-
上記で使用している画像ファイル`Octocat.png`はGitHubのキャラクターのOctocatの画像で、[Alpha-Imageのサイト](http://sly777.github.io/Jquery-Alpha-Image/) でもサンプルで使用されているものです。[GitHub Logos and Usage](https://github.com/logos) の `Download Octocat` のリンクからダウンロードできます。
|
|
97
|
+
- 上記で使用している画像ファイル`Octocat.png`はGitHubのキャラクターのOctocatの画像で、[Alpha-Imageのサイト](http://sly777.github.io/Jquery-Alpha-Image/) でもサンプルで使用されているものです。[GitHub Logos and Usage](https://github.com/logos) の `Download Octocat` のリンクからダウンロードできます。
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
- 画像は `img/`, JQuery と alphaimage は、`js/` フォルダの中に置きます。
|
|
98
102
|
|
|
99
103
|
|
|
100
104
|
|
4
テキスト修正
test
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
以下のようなHTMLを作成します。
|
|
9
|
+
改善前のものとして、以下のようなHTMLを作成します。
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
3
テキスト修正
test
CHANGED
|
@@ -253,3 +253,15 @@
|
|
|
253
253
|
|
|
254
254
|
|
|
255
255
|
CSSクラス`.hidden` を追加しているのは、`<img>` の src属性が無い状態のときに、ブラウザのデフォルトの動作で、何らかの無効な画像を示す×印のようなものが表示されないようにすることを意図したもので、この回答の本筋にはあまり関係のない、補助的なものです。
|
|
256
|
+
|
|
257
|
+
|
|
258
|
+
|
|
259
|
+
この回答で、最も重要な主旨は、
|
|
260
|
+
|
|
261
|
+
|
|
262
|
+
|
|
263
|
+
- `onlyData` を true にしたうえで、`onComplete` オプションを上手く使いましょう。
|
|
264
|
+
|
|
265
|
+
|
|
266
|
+
|
|
267
|
+
という点になるかと思います。
|
2
テキスト修正
test
CHANGED
|
@@ -243,3 +243,13 @@
|
|
|
243
243
|
|
|
244
244
|
|
|
245
245
|
以上参考になれば幸いです。
|
|
246
|
+
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
|
|
250
|
+
|
|
251
|
+
### 補足
|
|
252
|
+
|
|
253
|
+
|
|
254
|
+
|
|
255
|
+
CSSクラス`.hidden` を追加しているのは、`<img>` の src属性が無い状態のときに、ブラウザのデフォルトの動作で、何らかの無効な画像を示す×印のようなものが表示されないようにすることを意図したもので、この回答の本筋にはあまり関係のない、補助的なものです。
|
1
テキスト修正
test
CHANGED
|
@@ -140,6 +140,8 @@
|
|
|
140
140
|
|
|
141
141
|
img.on('load', function() {
|
|
142
142
|
|
|
143
|
+
if (img.attr('src') !== 'img/Octocat.png') return;
|
|
144
|
+
|
|
143
145
|
img.alphaimage({
|
|
144
146
|
|
|
145
147
|
colour: "#f4cab1",
|