質問編集履歴
4
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -189,3 +189,81 @@
|
|
189
189
|
</script>
|
190
190
|
|
191
191
|
```
|
192
|
+
|
193
|
+
|
194
|
+
|
195
|
+
さらに追記します。
|
196
|
+
|
197
|
+
---
|
198
|
+
|
199
|
+
```html
|
200
|
+
|
201
|
+
|
202
|
+
|
203
|
+
<!DOCTYPE html>
|
204
|
+
|
205
|
+
<html lang="ja">
|
206
|
+
|
207
|
+
<head>
|
208
|
+
|
209
|
+
<meta charset="UTF-8">
|
210
|
+
|
211
|
+
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js?ver=1.8.3'></script>
|
212
|
+
|
213
|
+
<style>
|
214
|
+
|
215
|
+
.bgmaximage{
|
216
|
+
|
217
|
+
display:none;
|
218
|
+
|
219
|
+
}</style>
|
220
|
+
|
221
|
+
<script>
|
222
|
+
|
223
|
+
jQuery(function(){
|
224
|
+
|
225
|
+
jQuery('img.bgmaximage').maxImage({
|
226
|
+
|
227
|
+
isBackground: true,
|
228
|
+
|
229
|
+
slideShow: true,
|
230
|
+
|
231
|
+
slideShowTitle: false,
|
232
|
+
|
233
|
+
slideDelay: 3,
|
234
|
+
|
235
|
+
overflow: 'auto',
|
236
|
+
|
237
|
+
verticalAlign:'top'
|
238
|
+
|
239
|
+
});
|
240
|
+
|
241
|
+
});</script>
|
242
|
+
|
243
|
+
</head>
|
244
|
+
|
245
|
+
<body id="top">
|
246
|
+
|
247
|
+
<article>
|
248
|
+
|
249
|
+
<p><img alt="" src="http://webdesignrecipes.com/MdN-Samples/max-image/images/ajax-loader.gif" class="loader" width="66" height="66" /><br />
|
250
|
+
|
251
|
+
<img src="http://webdesignrecipes.com/wp-content/uploads/2012/04/DSC03597.jpg" alt="" title="" width="1000" height="666" class="bgmaximage size-full" /><br />
|
252
|
+
|
253
|
+
<img src="http://webdesignrecipes.com/wp-content/uploads/2012/04/DSC03310.jpg" alt="" title="" width="940" height="626" class="bgmaximage size-ful" /><br />
|
254
|
+
|
255
|
+
</article>
|
256
|
+
|
257
|
+
<script type='text/javascript' src='http://webdesignrecipes.com/wp-content/themes/WebDesignRecipes/js/jquery.maximage.min.js?ver=1416354398'></script>
|
258
|
+
|
259
|
+
</body>
|
260
|
+
|
261
|
+
</html>
|
262
|
+
|
263
|
+
```
|
264
|
+
|
265
|
+
[webデザインレシピ](http://webdesignrecipes.com/how-to-full-page-background-image-with-css-and-jquery/)さんで紹介されていたソースを出来得る限り省略させていただきました。
|
266
|
+
|
267
|
+
このソースを拡張子```html```で表示するとスライドショーが発生するんですね。
|
268
|
+
|
269
|
+
この原理がわかりません。
|
3
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -159,3 +159,33 @@
|
|
159
159
|
ちなみにスライドショーはまだ動いていません。
|
160
160
|
|
161
161
|
画像表示はなしです。
|
162
|
+
|
163
|
+
|
164
|
+
|
165
|
+
```html
|
166
|
+
|
167
|
+
<script>
|
168
|
+
|
169
|
+
jQuery(function($){
|
170
|
+
|
171
|
+
$('.bgmaximage').maximage({
|
172
|
+
|
173
|
+
isBackground: true,
|
174
|
+
|
175
|
+
slideShow: true,
|
176
|
+
|
177
|
+
slideShowTitle: false,
|
178
|
+
|
179
|
+
slideDelay: 1,
|
180
|
+
|
181
|
+
overflow: 'auto',
|
182
|
+
|
183
|
+
verticalAlign:'top'
|
184
|
+
|
185
|
+
});
|
186
|
+
|
187
|
+
});
|
188
|
+
|
189
|
+
</script>
|
190
|
+
|
191
|
+
```
|
2
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -141,3 +141,21 @@
|
|
141
141
|
読み込み方に問題があるでしょうか?
|
142
142
|
|
143
143
|
画像のパスは問題ないようです。
|
144
|
+
|
145
|
+
|
146
|
+
|
147
|
+
|
148
|
+
|
149
|
+
追記
|
150
|
+
|
151
|
+
---
|
152
|
+
|
153
|
+
![コンソール](c27a10067738c173906358e1b0c2212c.png)
|
154
|
+
|
155
|
+
これはどうすればいいかわかりますか?
|
156
|
+
|
157
|
+
自分のテーマに組み込んで試しています。
|
158
|
+
|
159
|
+
ちなみにスライドショーはまだ動いていません。
|
160
|
+
|
161
|
+
画像表示はなしです。
|
1
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
**maxImage Scaling Plugin**を**wordpress**で
|
1
|
+
**maxImage Scaling Plugin**を**wordpress**で使用し、トップ画面にのみ使いたいです。
|
2
2
|
|
3
3
|
|
4
4
|
|
@@ -7,8 +7,6 @@
|
|
7
7
|
ローダー画像は動いています。
|
8
8
|
|
9
9
|
ですがスライドショーが動いてないです。
|
10
|
-
|
11
|
-
|
12
10
|
|
13
11
|
|
14
12
|
|
@@ -42,7 +40,7 @@
|
|
42
40
|
|
43
41
|
<div id="maincontent">
|
44
42
|
|
45
|
-
<h1>
|
43
|
+
<h1>テストテスト</h1>
|
46
44
|
|
47
45
|
</div>
|
48
46
|
|
@@ -141,3 +139,5 @@
|
|
141
139
|
スライドショーを使いたいのですがうまくいきません。
|
142
140
|
|
143
141
|
読み込み方に問題があるでしょうか?
|
142
|
+
|
143
|
+
画像のパスは問題ないようです。
|