Ads By Google
真ん中に画像を表示するにはどうしたらいいですか?
ブログでサムネイルをクリックすると左上に画像が表示されます。
これを真ん中に表示できるようにできませんか?
また、サムネイルをクリックしたら
同じウィンドウのところに画像が真ん中に表示できるようにできませんか?
2009-06-25 03:55の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(2)
1.
2009-06-25 07:01:14

デフォルトの状態の場合は、サムネイルをクリックしたら画像を直接ブラウザで開いている状態でありHTMLではないので表示位置の変更などは出来ません。
もし行うのであれば、サムネイルをクリックした際に画像を直接開くのではなく、JavaScriptなどを用いて別ウィンドウでサイズを合せて開くとか、Ajax(ThickBox)などを用いて表示する方法もあります。
ただしThickBox自体はlivedoor側から提供はされていないので、自分でどこかに必要ファイルを配置する必要はあります。
もし行うのであれば、サムネイルをクリックした際に画像を直接開くのではなく、JavaScriptなどを用いて別ウィンドウでサイズを合せて開くとか、Ajax(ThickBox)などを用いて表示する方法もあります。
ただしThickBox自体はlivedoor側から提供はされていないので、自分でどこかに必要ファイルを配置する必要はあります。
残念ですが素人にはできそうにありませんでした。
回答していただきありがとうございました。
2.
2009-06-25 20:48:00
</head>
の前に
それで、サムネイルの表示が、
(IE8 & Fx3 で動作確認)
の前に
<script type="text/javascript">
function setBackground(adr){
document.open();
document.close();
document.body.style.background='url(' + adr + ') fixed center center no-repeat';
}
</script>
のようにスクリプトを書きます。それで、サムネイルの表示が、
<a href="元サイズアドレス" target="_blank"><img src="サムネイルアドレス" alt="説明" /></a>のようになっていたら
<a href="元サイズアドレス" target="_blank" onclick="setBackground(this.href);return false"><img src="サムネイルアドレス" alt="説明" /></a>のようにします。
(IE8 & Fx3 で動作確認)
回答レベル : アドバイス
Ads By Google
コメント(1)
#1. tani.masaru
2009-06-25 08:12:23
ThickBoxを使ったサンプルを上げました。参考までにどうぞ
http://blog.livedoor.jp/tani_masaru/archives/51357...



