具体的に説明すると、<img>タグで画像を貼るとき、ファイル名だけ書いておけば、あらかじめスタイルシートに指定したディレクトリからそのファイル名の画像をブラウザが取得するという感じです。
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>
そうですねぇ、スタイルシートで探してみたけど、それらしいのは見つか
りませんでした
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 名"などだけで可能です
これかもしれないなぁ。