解決済

clip!clip!
Ads By Google

真ん中に画像を表示するにはどうしたらいいですか?

ブログでサムネイルをクリックすると
左上に画像が表示されます。

これを真ん中に表示できるようにできませんか?

また、サムネイルをクリックしたら
同じウィンドウのところに画像が真ん中に表示できるようにできませんか?

2009-06-25 03:55の質問
画像  表示  真ん中  
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

1.

2009-06-25 07:01:14ベスト
デフォルトの状態の場合は、サムネイルをクリックしたら画像を直接ブラウザで開いている状態でありHTMLではないので表示位置の変更などは出来ません。

もし行うのであれば、サムネイルをクリックした際に画像を直接開くのではなく、JavaScriptなどを用いて別ウィンドウでサイズを合せて開くとか、Ajax(ThickBox)などを用いて表示する方法もあります。


ただしThickBox自体はlivedoor側から提供はされていないので、自分でどこかに必要ファイルを配置する必要はあります。

残念ですが素人にはできそうにありませんでした。
回答していただきありがとうございました。

2.

2009-06-25 20:48:00
</head>
の前に
<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)

2009-06-25 08:12:23

ThickBoxを使ったサンプルを上げました。参考までにどうぞ
http://blog.livedoor.jp/tani_masaru/archives/51357...

トラックバック(2)

トラックバックURL: