メイン画像とサムネイル画像のスライドショー

質問

サムネイル付きのスライドショーのJavaScriptを探しているのですが、サムネイル画像がメイン画像の上にくるスライドショーはありますか？

イメージを添付します。

http://black-flag.net/jquery/20111122-3597.html
上記のサイトとかでcssを使用してみたのですが、メイン画像の下にサムネイル画像がきてしまいます。

サムネイル画像をメインの画像の上にもっていくことはもしかしてできないのでしょうか。

よろしくお願いします。

回答No.2

fujillin · ベストアンサー

ANo1です。

＞マークアップの順序を変えたり、positionを色々変更してみましたが
＞うまくいきませんでした。
Sample1,2（index.html、index2.html)のつもりで回答していました。
1,2はマークアップの順序を変えれば、問題なく逆転します。

ご質問はSample3についてのようですね。
この場合は、元がposition:absoluteで位置を決めていますので、CSSファイルのサムネイル部分の『bottom: 10px;』を『top:10px;』などに変えてあげれば上にあがります。

お礼

回答ありがとうございます。

ご迷惑をおかけしてすみません。
できました。

ありがとうございました。

回答No.1

fujillin

テストしてはいませんが、

単純にマークアップの順序を入れ替えるのではダメなのでしょうか。

CSSだけで順序を入れ替える必要があるのなら、
一番外側をposition:rerative; にしておいて、サムネイルはposition：absolute； top:0; で上に表示し、画像のラッパーはmargin-top:75px; や、top:75px;で下げたり、サムネイル同様にabsoluteで位置を指定するとか…

お礼

回答ありがとうございます。

マークアップの順序を変えたり、positionを色々変更してみましたがうまくいきませんでした。

回答していただきありがとうございました。