- 締切済み
最後に押した画像ボタンが分かる、アクティブリンクのような（？）画像ボタンを作りたい
HPを作っています。使用中のソフトはDreamweaverMX2004です。 さて、左端にボタン（gifイメージ）がいくつも並んでいるとします。 各ボタンはロールオーバー指定がなされており、 リンクが貼られています。 ロールオーバーでボタンイメージは /off.gif（通常） /on.gif（オンマウス時） とします。 と、ここまでは普通のロールオーバーだけのものですね。 さて、これを、各3種作ったと仮定して、 /off.gif（通常） /on.gif（オンマウス時） /active.gif（最後にクリックした画像） そして、 ボタンをクリックする→最後に押したボタンが/active.gifの形で残る つまり、訪問者がどのボタンを最後に押したかが一目で分かる この様な手法を、HTMLで作ることは可能でしょうか。 アクティブリンクのボタン画像版といえば伝われば幸いです。 可能かどうか自信がないのですが、 もし可能でしたら、どのようにHTMLを書くのか、 その手法をお教えください。 宜しくお願いいたします。
- koichan55
- お礼率93% (241/259)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- think49
- ベストアンサー率59% (285/482)
HTMLとしてはラジオボタンを使う事になりますが、画像は指定できません。 HTMLタグ/フォームタグ/ラジオボタンを作る - TAG index Webサイト http://www.tagindex.com/html_tag/form/input_radio.html ラジオボタンをJavaScriptを併用するサンプルなら見つかりました。 CSSで独自にデザインされたチェックボックス&ラジオボタン:phpspot開発日誌 http://phpspot.org/blog/archives/2006/10/css_12.html
HTMLだけでは無理。 Javascriptを使わなければ出来無いでしょう。 然し、Javascriptをoffにしてるユーザーの人も居る事を考慮したら、使わないのが最善。
お礼
本当ですね。HTMLでなくjavascriptでも良かったのですが、 質問の書きかたが悪かったと反省しています。 次回、気をつけたいと思いました。 javascriptは一長一短がありますが、今のところ私個人の価値観では使おうと思っています。 ご回答有難うございます。
関連するQ&A
- 画像にリンク
ホームページビルダー7にてHP作成しております。画像のロールオーバーを作成しましてメニューボタンを作成いたしました。そのボタンを「お問合わせ」とし、メールへリンクするようにしたいのです。通常の画像や文字などからは右クリックで「リンクの挿入」を指示しメールへリンクが出来るのですが、画像ロールオーバーで作成したものにリンクしようと思ってもできません。右クリックしますと「リンクの設定」というメニューはグレーになっていてクリックできません。右クリックし「属性の変更」でリンクの指定が出来るのですが、ファイルが対象になっているようでメールへリンクすることはできないようです。ご存知の方がいらっしゃいましたらよろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- ボタンに画像を使えません
お世話になります。 セレクトボックスでリンクする（ボタン付き） http://www.tagindex.com/javascript/link/select2.html 上記のサイトの「input type="button"」のボタンでリンクすることはできたのですが、 <input type="image" onClick="jump()" src="画像.gif" alt="" width="201" height="46" border="0" onmouseover="this.src='画像_on.gif'" onmouseout="this.src='画像.gif'"> ↑のようにtypeをimageにして画像をボタンに使おうとしますと、 「?select=&x=92&y=33」とURLの末尾に追加されるだけでリンクができません。 上記サイトのjavascriptを「input type="image"」のボタンで使用するには どのようにすればよろしいでしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- ボタンにリンクを貼っても・・・
DreamWeaverMXと、FlashMXを使用しています。 flashでボタンを作成し、リンクを貼ったのですが、フラッシュが再生されると同時にリンク先に飛んでしまいます。 ボタンをクリックすると飛ぶようにしたいのですが、どうしたらいいでしょうか？ ちなみに、リンク先のURLも合っているはずなのですが、「ページがありません」と表示されてしまいます。 ボタンへのリンクは、on (release) { getURL ("URL", "_blank"); } で貼っているので合っていると思うのですが・・・。
- 締切済み
- Flash
- ロールオーバーにして保存したGIF画像にリンクが貼れない
ホームページビルダー８のウエブアートデザイナーでロールオーバーを作成し、GIFで保存してそれをリンクボタンにしようとしたのですが、リンクできません。 ロールオーバーにした画像にリンクを貼るのはできないのでしょうか？ 教えてください。
- ベストアンサー
- ホームページ作成ソフト
- gif 画像上の ボタンに リンクを張るには？
HP 上の gif画像ファイル にいくつか小さなボタンを配置して それぞれの ボタンに リンクを張りたく思います。 gif 画像上の ボタンに リンクを張るには？どのようにすればいいのでしょうか？
- ベストアンサー
- HTML
- javascriptによる画像切り替えについてわからなくて困っています
javascriptによる画像切り替えについてわからなくて困っています。 初心者ですので説明もわかりにくいかもしれませんが、ぜひご指導をお願いします。 添付画像のように、サイドバーにボタン数個、大きな画像（#main_img)とあって、ボタンにオンマウスで#main_imgが切り替わり、ボタンをクリックするとリンク先に移動できるようにしたいのです。 「javascript ロールオーバー 切り替え クリック リンク」といったキーワードで検索したのですが、ロールオーバー切り替えはできるけれどリンク先に移動できなかったり、ボタン画像画像そのものが切り替わるものだったり、なかなか思ったとおりのサンプルを見つけることができません。 カスタマイズするだけの知識もないので、大変困っています。 このようなサンプルスクリプトを紹介しているところがあったら教えていただけないでしょうか？
- ベストアンサー
- JavaScript
- オンマウスで画像変更、クリックでリンク先に飛ばしたいのです。
オンマウスで画像変更、クリックでリンク先に飛ばしたいのです。 右側にメニューボタン（１～４）があり 各ボタンにオンマウスすると左側に画像を表示、 クリックすると別ページにリンクさせたいのです。 フレームは使っていません。 初心者なので具体的なタグを教えていただくと助かります。
- ベストアンサー
- ホームページ作成ソフト
- formのsubmitボタンを画像にして、オンマウスで画像を切り替えた
formのsubmitボタンを画像にして、オンマウスで画像を切り替えたい。 HTMLとCSSでHP制作しています。 formのsubmitボタンを自作のボタン画像に変えて、ボタンにマウスを乗せると 画像の色を変えるという事をやりたいと思っています。 例えば赤ボタンをオンマウスで青ボタンにするという感じです。 ネット検索してボタンを画像に変える事は出来ました。 ですが、オンマウスで画像を切り替えるやりかたがよくわかりません。 javascriptを使ったものを見かけたように思うのでこちらで質問してみました。 CSSで普通のリンクボタンの画像切り替えは出来るのですが、 formではそういうわけにはいかないのでしょうか？ javascriptがよくわかならいのですが、そんな私にも出来るでしょうか？ どこか参考サイトがありましたら、紹介して頂けるとありがたいです。 アドバイスよろしくお願い致します。
- ベストアンサー
- JavaScript
- ボタンを押す画像
ボタンを押す画像 イラストレーターＣＳ３でリンクボタンを作っています。 グラフィックスタイルには、通常時とクリック時の両方が用意されているので、 画像自体は作ることができますが、 クリックしたときに押している画像に変更するにはどうしたらよいでしょうか。
- ベストアンサー
- 画像・動画・音楽編集
お礼
なるほど、ラジオボタンという発想はありませんでした。 これは意外で、なんらかの時に使っていけるような気がいたします。 有難うございました！