回答編集履歴

2

全て同じサイズの画像を使うという事のなので、そのように修正しました。

2015/07/22 03:53

投稿

ina
ina

スコア127

test CHANGED
@@ -66,25 +66,25 @@
66
66
 
67
67
  <div>
68
68
 
69
- <img class="large" src="http://zoomsl.sergeland.ru/images/fashion-056-thumb.jpg" alt="" data-large="http://zoomsl.sergeland.ru/images/fashion-056.jpg" />
69
+ <img class="large" src="http://zoomsl.sergeland.ru/images/fashion-056.jpg" alt="" width="247" />
70
70
 
71
- <img class="large" src="http://zoomsl.sergeland.ru/images/fashion-054-thumb.jpg" alt="" data-large="http://zoomsl.sergeland.ru/images/fashion-054.jpg" />
71
+ <img class="large" src="http://zoomsl.sergeland.ru/images/fashion-054.jpg" alt="" width="247" />
72
72
 
73
- <img class="large" src="http://zoomsl.sergeland.ru/images/fashion-033-thumb.jpg" alt="" data-large="http://zoomsl.sergeland.ru/images/fashion-033.jpg" />
73
+ <img class="large" src="http://zoomsl.sergeland.ru/images/fashion-033.jpg" alt="" width="247" />
74
74
 
75
- <img class="large" src="http://zoomsl.sergeland.ru/images/fashion-072-thumb.jpg" alt="" data-large="http://zoomsl.sergeland.ru/images/fashion-072.jpg" />
75
+ <img class="large" src="http://zoomsl.sergeland.ru/images/fashion-072.jpg" alt="" width="247" />
76
76
 
77
77
  </div>
78
78
 
79
79
  <div>
80
80
 
81
- <img class="thmbnail" src="http://zoomsl.sergeland.ru/images/fashion-056-thumb.jpg" alt="" width="58" />
81
+ <img class="thmbnail" src="http://zoomsl.sergeland.ru/images/fashion-056.jpg" alt="" width="58" />
82
82
 
83
- <img class="thmbnail" src="http://zoomsl.sergeland.ru/images/fashion-054-thumb.jpg" alt="" width="58" />
83
+ <img class="thmbnail" src="http://zoomsl.sergeland.ru/images/fashion-054.jpg" alt="" width="58" />
84
84
 
85
- <img class="thmbnail" src="http://zoomsl.sergeland.ru/images/fashion-033-thumb.jpg" alt="" width="58" />
85
+ <img class="thmbnail" src="http://zoomsl.sergeland.ru/images/fashion-033.jpg" alt="" width="58" />
86
86
 
87
- <img class="thmbnail" src="http://zoomsl.sergeland.ru/images/fashion-072-thumb.jpg" alt="" width="58" />
87
+ <img class="thmbnail" src="http://zoomsl.sergeland.ru/images/fashion-072.jpg" alt="" width="58" />
88
88
 
89
89
  </div>
90
90
 

1

説明修正

2015/07/22 03:53

投稿

ina
ina

スコア127

test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  あらかじめメインの画像もHTML上に全て書いて、それに拡大機能を設定しておいて、
4
4
 
5
- サムネイル表示する画像を切り替えるだけにするほうがシンプルで分かりやすいと思います。
5
+ サムネイルをクリックしたときに表示するメイン画像を切り替えるだけにするほうがシンプルで分かりやすいと思います。
6
6
 
7
7
  以下サンプルです。参考にどうぞ。
8
8