人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

スタイルシートについて聞きたいのですが、画像を保存しているディレクトリを一括して指定する方法をどこかで見た覚えがあるのですが、調べてもよくわかりません。わかる人がいましたらおしえてください。

具体的に説明すると、<img>タグで画像を貼るとき、ファイル名だけ書いておけば、あらかじめスタイルシートに指定したディレクトリからそのファイル名の画像をブラウザが取得するという感じです。

●質問者: marinelake
●カテゴリ:インターネット ウェブ制作
✍キーワード:スタイルシート タグ ディレクトリ ファイル ブラウザ
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● okuryu
●35ポイント

http://www.hatena.ne.jp/

JavaScript で実装してみるのはどうでしょうか。


// JavaScript

var dir = 'images/';


function setImage(){


var imgTags = document.getElementsByTagName('img');


for ( var i = 0; i < imgTags.length; i++ ){


imgTags[i].src = dir + imgTags[i];


}


}


// HTML

<body onload="setImage();">

<img src="hoge.jpg" />

<img src="foo.jpg" />

<img src="bar.jpg" />

</body>


2 ● watson
●35ポイント

http://www.tohoho-web.com/html/base.htm

スタイルシートではなくて、BASEタグのことではないでしょうか?

◎質問者からの返答

これかもしれないなぁ。


3 ● watson
●10ポイント

そうですねぇ、スタイルシートで探してみたけど、それらしいのは見つか

りませんでした

http://www.tohoho-web.com/css/index.htm

質問からは外れるけど、たとえばこういうのはありますよ

http://www.tohoho-web.com/css/reference.htm#background

「 style="background: url( 画像ファイルへのパス )" 」

背景画像だけど、スタイルシート側で指定しておけば、本文側またはペー

ジ側では指定不要です

これを、 ID などで定義しておくと・・・

・ スタイルシート側

<STYLE type="text/css"><!--

.back_img { background: url( 画像ファイルへのパス ) }

--></STYLE>

・ 本文側またはページ側

<要素名 ID="back_img">?</要素名>

この要素の背景は、スタイルシートにて指定した画像が表示されます

スタイルシートを外部ファイルにしておけば、ページ側ではスタイルシー

トファイルの指定と、 ID="ID 名"などだけで可能です

http://www.tohoho-web.com/css/basic.htm#Link

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ