ビルダーでHP作成しています。タグの知識は殆どありません。
サムネイル写真をクリックした時の、拡大写真の方の背景色を変えたいのですが、
何処にどんなタグを挿入すればいいのかが分かりません。

A 回答 (3件)

背景を入れるには、写真を表示させるためのHTMLファイルを作成してそのファイルの背景色を普段どおりにかえて、サムネイル画像のリンクを張りなおす、といったところでしょうか。



きちんとした回答になっていなかったらすいません。

この回答への補足

早速の回答有難う御座います。
そうだったんですか、正直今悩んでいます。
釣りの魚の図鑑を作ってるのですが、サムネイル写真に対応するHTMLファイルを
何十個も作るようになってしまいますので・・・
そこで、今ふと思ったのですが、ペイントショップなどで背景色に色を付けた、写真よりも大きめなjpegを作ればいいのでは?と気が付いたのですが、この方法は間違っているでしょうか?

補足日時:2002/02/08 07:46
    • good
    • 0
この回答へのお礼

再びよく考えたら、すごく重いファイルになってしまうので
先程の方法は辞めました(汗)

お礼日時:2002/02/08 08:02

こんばんは。


#1のかたがおっしゃっているとおりで、回答もかぶってしまうのですが…リンク先がHTMLファイルでないとダメだと思います。

たぶんこれはビルダーの「サムネイル挿入」でサムネイル作成からリンクまでを半オートで行ったものですよね。

具体的な手順としては、まんまですがいちどサムネイルからのリンクを切って、「ページを新規作成」し、そのページに夕日の大きい画像を貼り、「ページのプロパティ」で背景色を設定し、保存。
そしてサムネイルからそのHTMLファイルへと、リンクを貼り直してみて下さい。

ではでは

この回答への補足

早速の回答有難う御座います。
そうだったんですか、正直今悩んでいます。
釣りの魚の図鑑を作ってるのですが、サムネイル写真に対応するHTMLファイルを
何十個も作るようになってしまいますので・・・
そこで、今ふと思ったのですが、ペイントショップなどで背景色に色を付けた、写真よりも大きめなjpegを作ればいいのでは?と気が付いたのですが、この方法は間違っているでしょうか?

補足日時:2002/02/08 07:47
    • good
    • 0
この回答へのお礼

再びよく考えたら、すごく重いファイルになってしまうので
先程の方法は辞めました(汗)

お礼日時:2002/02/08 08:03

これは直接画像ファイルにリンクさせて表示させてますよね。

これでは背景色は指定できません。
htmlファイルをつくってその中にイメージタグで画像を表示させればいいです。サムネールの画像からはそのhtmlファイルにリンクさせてください。

ざっとした例:
<html>
<head>
</head>
<body bgcolor="#888855">
<img src="sozai/t006.jpg">
</body>
</html>

です。
背景色の指定は:
bgcolor="#ffffaa"
の部分でしています。ここのコードを変えるとどんな色になるかは参考書等を見てください。

この回答への補足

早速の回答有難う御座います。
そうだったんですか、正直今悩んでいます。
釣りの魚の図鑑を作ってるのですが、サムネイル写真に対応するHTMLファイルを
何十個も作るようになってしまいますので・・・
そこで、今ふと思ったのですが、ペイントショップなどで背景色に色を付けた、写真よりも大きめなjpegを作ればいいのでは?と気が付いたのですが、この方法は間違っているでしょうか?

補足日時:2002/02/08 07:46
    • good
    • 0
この回答へのお礼

再びよく考えたら、すごく重いファイルになってしまうので
先程の方法は辞めました(汗)

お礼日時:2002/02/08 08:03

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qビルダーで作ったHPをビルダーを使わずタグ打ちにするには

 ビルダーでHPを作っている友人から、私のHPのように(タグ打ちで作ってます)してほしいということで、編集(?)を頼まれました。

 とりあえず、ビルダーで作っていたときのデータ(htmlファイルや画像など)を受け取りました。

 ビルダーを使ったことがないのですが、タグをいじったら、ビルダーを通さずにアップできるのではと思って軽い気持ちで引き受けてしまいました。

 ビルダーソフトを使用せず、それまでビルダーで作っていたHPを編集していく上での注意点などあれば教えてください。
 まだアップを試してもない段階で質問しています…。不安になって作業がすすみません。こんな状態で申し訳ないのですが、ご回答よろしくお願いします。

Aベストアンサー

こんばんは。
ビルダー2001で育ち、一旦ビルダー9を購入しましたが相性が悪くすぐに2001に戻って今ではその機能のうちで置換、打ち込みミスのチェック、FTPソフト機能だけを使ってタグ手打ちをしているものです。

そのような使い方を気に入っています。
基本的にこのソフトで手打ちするのには問題ありません。

タグ打ち補助ソフトとしてお使いになるなら;
先ず、インストールする際には基本機能だけインストールするようにして下さい。余分な機能は動きを重くするだけです。

次にツール→オプションで内容をしっかり見て不要な機能を除外しないとタグ打ちの邪魔をされます。

パスは勝手に現状のフォルダによるものを作られてしまいます。アップロードの際にちゃんと直してはくれますが、タグ打ちをする人にとっては気持ちのよいものではありません。。

重宝する機能は;
置換機能はテーブルセルの背景色などを一斉に変更する時など大変重宝しています。

部品色を選ぶ機能。ある意味ではPhotoshopの同機能より使いやすく優れています。

注意したい点;
HPが大きくてファイルが多く、深い階層もある場合は往々にして転送ミスがあります。
最初に送り込む場合は通常の転送のほかに重ねてフォルダごとに個別転送をされると
よいと思います。

こんばんは。
ビルダー2001で育ち、一旦ビルダー9を購入しましたが相性が悪くすぐに2001に戻って今ではその機能のうちで置換、打ち込みミスのチェック、FTPソフト機能だけを使ってタグ手打ちをしているものです。

そのような使い方を気に入っています。
基本的にこのソフトで手打ちするのには問題ありません。

タグ打ち補助ソフトとしてお使いになるなら;
先ず、インストールする際には基本機能だけインストールするようにして下さい。余分な機能は動きを重くするだけです。

次にツール→オプションで...続きを読む

Qliリストタグの背景色に色がつきません。このタグのどこが間違っているのでしょうか。

外部CSSに

.ffdddd_color {
background: #ffdddd;
}

とし記述していて、

HTML部分に

<li class="ffdddd_color">テーマA</li>

と記述しているのですが、
色がつきません。

何がいけないのでしょうか?

ちなみにテーマAと書いてあるのは
テーマBCDとリストがあり、

テーマA
文章
テーマB
文章
テーマC
文章
テーマD
文章

という風になっています。
ですので、テーマと書いてある部分だけに背景色をつけたいです。

お詳しい方よろしくお願いいたします。

Aベストアンサー

> 現在のHTML部分は <ul class="box">

での、"box"のCSSはどんな風ですか?

Qサムネイル画像の表示途中でそのサムネイル画像をクリックすると後から表示されるサムネイルが表示されない。

winXP PRO IE6.0SP1です。

とあるHPを作成していますが、サムネイル画像(約100画像)をクリックすると別ウィンドウが出る様にしています。

サムネイルが全部表示される前にクリックすると小窓が出て画像は表示されますが、そこから後に出るサムネイルが表示されずフリーズしてしまいます。


<a href="javascript:void(0);" onclick="window.open('./******/***.jpg','win1','width=400,height=400');" menubar=no toolbar=no locaction=no status=no><img src="./small/***.jpg" height=50 border=0></a>


他のPCで確認しても同じ状態です。

サムネイル画像が出ている途中でその画像をクリックしてもフリーズしない方法の解除方法はありますでしょうか?

宜しくお願い致します。

Aベストアンサー

再び、です。
<HEAD>タグ内にjavascriptを埋め込む方法は以下の通りです。

<HEAD>
<script language="javascript">
<!--
function subWin(n,wn){
window.open(n,wn,"width=400,height=400,scrollbars=no,location=no,menubar=no,status=no");}
//-->
</script>
</HEAD>
-----------
<a href="javascript:void(0);" onclick="subWin('./******/***.jpg','win1')"><img src="./small/***.jpg" height="50" border="0"></a>

開きたい画像のパスと、ウィンドウ名を、onclickの所で指定する形です。
こういう形であれば、ウィンドウのサイズやメニューバーの非表示などは、個別でひとつひとつ設定しなくてもよくなるので、ソースがぐっと軽くなります。

つまり、その次の画像では、

<a href="javascript:void(0);" onclick="subWin('./******/***2.jpg','win2')"><img src="./small/***2.jpg" height="50" border="0"></a>

という形で指定してやれば良いのです。

ちなみに、以下のサイトの『JavaScript例文辞典』で、サブウィンドウ展開の色々な形がサンプルであるので、ご参考にしてみてください。

参考URL:http://www.shiojiri.ne.jp/~openspc/

再び、です。
<HEAD>タグ内にjavascriptを埋め込む方法は以下の通りです。

<HEAD>
<script language="javascript">
<!--
function subWin(n,wn){
window.open(n,wn,"width=400,height=400,scrollbars=no,location=no,menubar=no,status=no");}
//-->
</script>
</HEAD>
-----------
<a href="javascript:void(0);" onclick="subWin('./******/***.jpg','win1')"><img src="./small/***.jpg" height="50" border="0"></a>

開きたい画像のパスと、ウィンドウ名を、onclickの所で指定する形です。
...続きを読む

QCSSだけでサムネイルから拡大画像チェンジ

1ヶ所の指定場所に拡大画像が表示された状態で、下段にいくつかのサムネイルを設置し、マウスをそのサムネイルに乗せると拡大画像がチェンジして、マウスを外すと元画像に戻るみたいな事をCSSだけで表現したいのですが可能でしょうか?感じとしては http://curucuru-select.com/?pid=7429014 のCSS版みたいなものをのぞんでいるのですが・・・多分このサイトはjavascriptでやってるみたいなんですけど・・できたら、サンプルソースをいただけるとありがたいのですが・・どうかよろしくお願いします。

Aベストアンサー

> 自分の質問で言う「拡大画像が表示された状態で」と言うのは、このサイトで言う#gallery {background:ってところですかね。ここに画像を指定すればマウスoff時や別の場所をクリックすることでここの画像に戻るんですかね?

そう思われたのであれば、まずは実際に試してみてはいかがでしょう?
背景色ではなく背景画像を指定する場合は、位置やリピートの指定も追加しなければなりませんが。

> このサイトはサムネイルが拡大画像の左側縦指定してあるのですけど、それを拡大画像の下横並びに指定するにはタグ上どうすればよいのでしょうか?
> 下横並びのサムネイルの行数を増やすにはどう指定すればよいのでしょうか?

このサイトのソースには、CSSのそれぞれのプロパティが「どの様な働きをしているか」が具体的にコメントされていますので、それらを読み解けば応用はできる筈です。サムネイルを横並びにする事自体はfloatを定義に組み込めば簡単にできますが、このサンプルではサムネイルと拡大画像は同じ一枚の画像を使用(拡大画像に見えているのが実寸、サムネイルは同じ画像をCSS上で幅・高さを指定して縮小して見せている)している事もありますので、サムネイル(左)+拡大画像右→拡大画像(上)+サムネイル(下)というレイアウトに変更し、かつサムネイルの行数を増やす為には、関連する幅・高さ・位置関係等の定義を全て辻褄に合う様に変更しなければなりません。
上記がヒントです。もし、これらを読んでもピンと来ない、わからない、という事であればレイアウト変更は現在の質問者様には手に余る作業という事になるかと思いますので、サンプルのレイアウト・パターンをそのまま使用される事をお奨めします。レイアウトのパターンを変更しなければ、現在の縦並びのサムネイル画像を増やて行くのはかなり簡単な作業だと思いますので。

ちなみに、Nine-nine様と同様、こちらのサンプルでも編集次第で質問者様の仰る様なレイアウトは実現可能です。

> 自分の質問で言う「拡大画像が表示された状態で」と言うのは、このサイトで言う#gallery {background:ってところですかね。ここに画像を指定すればマウスoff時や別の場所をクリックすることでここの画像に戻るんですかね?

そう思われたのであれば、まずは実際に試してみてはいかがでしょう?
背景色ではなく背景画像を指定する場合は、位置やリピートの指定も追加しなければなりませんが。

> このサイトはサムネイルが拡大画像の左側縦指定してあるのですけど、それを拡大画像の下横並びに指定するには...続きを読む

Qサムネイル画像をクリックすると拡大画像を表示させる方法

今はまずサーバに同一画像の小さい写真(サムネイル用)と大きい写真の両方をアップロードして、
小さい画像を表示させて、そこにリンクをつけて大きい画像のURLへとばすようにタグを書いているのですが、これでは同じ写真を2枚アップロードしなくてはいけず、面倒です。

1枚の写真だけをアップロードしてサムネイル画像を表示させて、クリックしたら拡大写真がでるようにするためにはどのようなタグを使えばいいのでしょうか?

Aベストアンサー

サムネイル表示するときだけ画像表示のサイズ指定をしてやればよいですね。

<a href="aaa.jpg"><img src="aaa.jpg" width="ピクセル数または%" height="ピクセル数または%"></a>

ただし、お分かりのように基の大きな画像を読み込んで表示だけ小さくする訳ですから、通信回線が遅かったり画像数が多いとサムネイル用の画像を用意したときよりも表示が遅くなります。


人気Q&Aランキング

おすすめ情報