[サポート掲示板トップへ]   新規投稿



■--画像を外部ファイル化したい
>>> 藍河翼             .. 2005年06月05日 04:12   No.[1667001]

しばらく前から、ナスカさんを使わせていただいてます。
最近サイトのマウスカーソルを変える為に、CSSの外部ファイルを使い始めなした。
色々なサイトを見て回ったのですが、CSSの外部ファイルは軽量化にも大分役立つという記述を見かけました。
そこで大きい容量の画像を外部ファイル化すれば、かなり軽くなるんじゃないかと思い色々試してみたのですが、上手くいかないんです。
多分、外部ファイルの方のタグが上手くいってないんだと思います。
というか、CSSで画像を呼び出すだけのタグって、もしかしてないんでしょうか?
HP作成支援系のHPをめぐっても、見かけませんもんね。

http://web1.nazca.co.jp/hp/angriff/

一応ページのアドレス張っておきます。
マウスカーソルは根性で変えました(爆)
誰かいいタグご存知でしたら教えてください。

外部ファイルは同じナスカのサーバー内においてあります。
また、ここでの画像の呼び出しというのは、背景に持っていくのではなく、作品展示用に前面に持って来たいという意味で《画像の呼び出し》という言葉を使っています。

では、よろしくお願いします


>>> ***          .. 2005年06月05日 09:35   No.[1667002]
>>大きい容量の画像を外部ファイル化すれば、かなり軽くなるんじゃないかと思い
>>CSSで画像を呼び出すだけのタグって、もしかしてないんでしょうか?
意味が違うかもしれませんが、(テキストベースの外部CSSは別として)軽量化に繋がらないです。
お尋ねの内容であれば無いと思います。技術的には可能なのかと思いますが、CSS自体を先に
PCが読み込むわけですから、必要以外の画像のせいで相当重くなりますね。だからCSS素材屋
さんでも開発しないのかなと思いつつ。

>>マウスカーソルは根性で変えました
個人的に言えば、あまり好みではありません。カーソルを変えられるのは、HP管理者のご自由
ですが、訪問者によっては好まない方もおられるからです(勝手に変えるな!って思う訪問者
もおられるからです)。
あえて言わせて頂ければ、ブラウザがIEの場合は有効ですが、ネットスケープやオペラでは、
多分、指定のカーソルは表示されませんよ。
#すみません、余計なことを書いています。

>>作品展示用に前面に持って来たいという意味で《画像の呼び出し》という言葉を使っています。
HPビルダーをお使いのようですが、サムネイルした画像を通常のサイズに表示させることができます。
ただし、画像呼び出しになり広告回避と見なされるかもしれませんので、作品のみをHTMLファイルに
貼付け、新画面(target="_blank")で呼び出すのが確実です。

あと、スクリプトを遮断しておられる方には意味がありませんが、下記のスクリプトを参考にしてみて
ください。同一HTMLファイル内に表示させるスクリプトです。
ただし、通常のサイズで見せる場合は、50KB以下にしないと重くて嫌われますよ。
----------HEADタグ内に記述----------------------------------------------------
<SCRIPT LANGUAGE="JavaScript">
<!--
function gazou(mySrc){
document.myimg.src=mySrc;
}
//-->
</SCRIPT>
------------------------------------------------------------------------------

↓アンカータグ部分は、幾つでも増やせます。
------------------BODYタグ内にアンカータグとして記述--------------------------

<a href="JavaScript:void(0)" onMouseOver="gazou('aaa.jpg')">作品1</a><BR>
<a href="JavaScript:void(0)" onMouseOver="gazou('bbb.jpg')">作品2</a><BR>
<a href="JavaScript:void(0)" onMouseOver="gazou('ccc.jpg')">作品3</a>
-------------------------------------------------------------------------------

表示させる画像サイズを統一させると見栄えがよいです。
------------------上の表示させたい作品の場所に記述-----------------------------
リンクしている作品番号にポインタを置くと、作品を表示します。<BR>
ただし、JavaScriptが無効だと見れません。<BR>
<img name="myimg" src="xxx.jpg" width="サイズ" height="サイズ" border="0">
-------------------------------------------------------------------------------
↑xxx.jpgはダミーの作品でも置いておくとよいですね。また、「作品1」の文字列部分を
サムネイルした画像に置き換えてもOKです。


>>> 藍河翼          .. 2005年06月05日 16:53   No.[1667003]
返答ありがとうございます。
そうですか・・・軽量化にはならないのですね。
分かりました、もう少しいろいろ検討してみようと思います。
お手数かけました、本当にどうもありがとうございました。


▼返信フォーム▼

2011年3月より、セキュリティの堅牢な新掲示板に移行致しました。
こちらの掲示板は、過去ログ置き場としてお使い下さい。
→→ 新掲示板はこちらをクリックしてください ←←


PW:
※管理者PW、もしくはスレッド作成者のPWを入力することで、
このスレッドをロックすることができます。
No: PASS:
※Noは、日付の後ろについている「No.XXXX」の英数字になります。