ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   
同一ページでリンクを張るには、、、
日時: 2004/02/26 20:33
名前: ターコ
参照: https://www.two-labs.com/test/test-photo-christmas.html

いつもお世話になっております。。。
下に並んでいる写真をクリックすると、Aの表に次々と入れ替わるように、リンクを張りたいのですが
どのようにすればいいのでしょうか?
過去の質問で、似たような質問があったのですが、それはフレームで作成しているようです。
フレームを分割してホームページを作成した事がないので、よくわかりませんでした。。。ゴメンナサイ!!
お手数おかけします、アドバイスお願いします。
メンテ

Re: 同一ページでリンクを張るには、、、 ( No.1 )
日時: 2004/02/26 20:43
名前: naka@sukiero  <naka_sukiero@hotmail.com>

他サイトですが
https://hpb.cool.ne.jp/hpbuilder/hp_ibent.htm

テキストを画像に脳内変換してください。
メンテ
Re: 同一ページでリンクを張るには、、、 ( No.2 )
日時: 2004/02/26 22:14
名前: ターコ
参照: https://www.two-labs.com/test/test-photo-christmas.html

naka@sukiero 様
アドバイスありがとうございます。。。
脳内変換頑張ってやってみましたぁ。

上の4枚の写真に「On Click」で設定してみました。
画像は入れ替わるように、できましたぁ!!

っが、カーソルをもっていった時に
4枚とも手のひらのマークにならないのですが、、、
どうしてでしょうか??
画像の大きさはなんとか揃える事が出来そうなのですが

度々、申しわけないのですが、アドバイスお願い致します。
メンテ
Re: 同一ページでリンクを張るには、、、 ( No.3 )
日時: 2004/02/27 01:35
名前: naka@sukiero  <naka_sukiero@hotmail.com>

<A> タグに対して href が設定されていないことが原因だと理解しています。
ページ編集画面で画像を右クリック→属性の変更→タグ(リンクを選択)
ファイル名に javascript:void(0) これを入力→OK
これで手のひらマークが表示されると思います。

ただしリンクの線(画像ですので枠)が表示される事になりますので
もし気になるようでしたら属性の変更ダイアログ(画像が選択されている状態)で
「枠表示」のチェックを外してください
メンテ
Re: 同一ページでリンクを張るには、、、 ( No.4 )
日時: 2004/02/27 09:14
名前: ターコ
参照: https://www.two-labs.com/test/test-photo-christmas.html

naka@sukiero 様
度々のアドバイスありがとうございます。。。
ファイル名に javascript:void(0)を入力しました。
プレビュー画面で確認したところ、全て上手くいったのですが、、、

サーバーにアップしてみると、手のひらマークはついたのですが
写真が入れ替わらないんですぅ。

4枚の写真のうち1枚目はファイル名にjavascript:void(0)を入力せずにアップしてみました。
すると、手のひらマークにはならないのですが、写真が入れ替わります。

後の3枚はjavascript:void(0)を入力してみました。
手のひらマークにはなったのですが、写真が入れ替わりません。

お忙しいところ、ほんとにすみません。
何か、お気づきの箇所がありましたら、よろしくお願いします。
メンテ
Re: 同一ページでリンクを張るには、、、 ( No.5 )
日時: 2004/02/27 16:48
名前: naka@sukiero  <naka_sukiero@hotmail.com>

ならば、CSS で。。
一度初期状態(No.2)に戻してもらってヘッダ部分に
A.photo{
cursor:pointer;
}

photo は何でもいいです。

っでサムネイル画像のところに
class="photo" を追加。

サンタのところなら
変更前
<A onclick="_HpbImgSwap('ribon', '113-1307_IMG.JPG');">

変更後
<A class="photo" onclick="_HpbImgSwap('ribon', '113-1307_IMG.JPG');">

これで試してください。


もし全て手のひらマークで良いのなら(デフォルト状態)
単純に
A{
cursor:pointer;
}
これだけで良いと思います。(クラス指定無し)
メンテ
Re: 同一ページでリンクを張るには、、、 ( No.6 )
日時: 2004/02/27 20:30
名前: ターコ
参照: https://www.two-labs.com/test/test-photo-christmas.html

naka@sukiero 様

度々のアドバイスありがとうございました。
今回はクラス指定無しで、やってみました。
すると上手くいきましたぁ。。。
CSSを使った方法も、また挑戦してみますっ!!

あれこれと悩んでは、検索し、触っているうちに
他の分らない箇所も、少しだけ理解できてきました。

ほんとに、何度も、ご丁寧かつ、わかりやすいアドバイスをありがとうございました。

ターコ
メンテ
Re: 同一ページでリンクを張るには、、、 ( No.7 )
日時: 2004/02/27 21:06
名前: naka@sukiero  <naka_sukiero@hotmail.com>

クラス指定しないのもCSS なんですが・・。^^;
メンテ

Page: [1]


ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved