☆ポインタに画像がついてくるのは、どうやったらできるのでしょうか?
☆ポインタをリンクの貼ってある画像や、文字に持っていくと浮き上がるようなにるのは、どうやればいいのでしょう?
教えてください。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

HTMLにJava scriptを交えて作ります。


参考URLはいいサンプルが沢山あるのでおすすめです。
ソースをコピー&ペーストでちょこっと変更してやるだけで使えるようになります。

参考URL:http://www2s.biglobe.ne.jp/~club_tom/
    • good
    • 0

ポインタにリンクの貼ってある画像や・・・というのはジャバスクリプトのことでしょうか?


これはHTMLだとできないような動きもしてくれる言語です。
HTMLよりはちょっと難易度が高いですが、いろいろできることの幅が広がりますよ。
今ではホームページ作成ソフトでも、多少のことはやってくれるようになったみたいですし。

下のURLに詳しいことがかいてあるので参考にしてみてください。

参考URL:http://www.openspc2.org/reibun/javascript/
    • good
    • 0

ポインタに画像がついてくるのは以下のページが参考になると思います。


しかしながら、有効なのはIEのみです。

参考URL:http://www.atsh.com/js/samp24.html
    • good
    • 0

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

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

Qhtml初心者です。画像サイズについて。 テーブルの中に、文字と、画像リンクを貼っているのですが画像

html初心者です。画像サイズについて。
テーブルの中に、文字と、画像リンクを貼っているのですが画像と文字がズレます!泣
画像というより、文字が下にずれます。

文字<a href=”リンク先”><IMG src=”画像URL” width=”30” height=”40” border=”0”>

3×3のテーブルの中に、上記のコードが9つあります。画像アイコンは2種類で、もう一つは
width=”25” height=”20” border=”0”>です。
アイコンの横と幅が二つそれぞれ違うのでズレてるようです。しかし双方を同じくらいのサイズにしようとするとこうなります。ちなみにフリー素材を拾ってきました。
同じサイズにするにはどうすれば…
ペイントでピクセル値をいじっても、元のサイズが双方違うから結局一緒ですよね?
元が同じサイズの画像をとるしかないでしょうか?

Aベストアンサー

単純にスタイルシートで指定すればよい
img[src=”画像URL”]{height:80px;width:auto;}
位置は、position:relative:top:5px;とかで好きに変えればよい。

そもそも、tableを使って配置するのは問題ですが、それはおいておいて・・

alignなんて16年前から非推奨の代表ですから、そんなもの使わない。

Q画像上にリンクを貼りたい

みなさん、こんにちは。

今、ホームページのリニューアルを考えています。

フレームで左右のページに分けて、左ページにメニューを載せて、右ページをメインにしたいと思っています。

そこまでの工程は一応分かります。

しかし、左ページ一枚の画像の中に、「profile」や「diary」というコンテンツ名を画像ソフトで載せて、そのコンテンツ名をクリックすると、右ページに反映されるようにしたいのです。

画像ソフトでコンテンツ名を載せることも、自分でできます。

しかし、画像の中に載せてあるコンテンツ名をクリック出来るようにする方法が分かりません。

調べたのですが、ビルダーを使うと簡単だということですが、ビルダーを持っていなくて困っています。

タグなどで、画像上に載せたいくつかのコンテンツ名を、リンクできるようにする方法はありませんでしょうか?

もしお分かりの方がいらしたら、教えてください。

参考になるサイト(できるだけ分かりやすいもの)を教えてくださるだけでも助かります。

どうか、よろしくお願いしますm(__)m

みなさん、こんにちは。

今、ホームページのリニューアルを考えています。

フレームで左右のページに分けて、左ページにメニューを載せて、右ページをメインにしたいと思っています。

そこまでの工程は一応分かります。

しかし、左ページ一枚の画像の中に、「profile」や「diary」というコンテンツ名を画像ソフトで載せて、そのコンテンツ名をクリックすると、右ページに反映されるようにしたいのです。

画像ソフトでコンテンツ名を載せることも、自分でできます。

しかし、画像の中に載せてあ...続きを読む

Aベストアンサー

クリッカブルマップにしたいということですよね?
簡単に作成できるソフトがあるので、それを使うのが一番手っ取り早いと思いますよ。
http://www.j-skai.com/cmap/index.php

参考URL:http://www.j-skai.com/cmap/index.php

Q外部CSSで画像にリンクを貼りたい

まだCSS初心者ですので宜しくお願いします。

外部CSSに位置指定した「画像」にリンクを貼りたいのですが
いろいろ調べてもその方法がわかりません。
以下のタグにどのようにリンクの指定をすればよいでしょうか?

div#index{
margin-top:5px;
background:url(../img/oribox.gif) no-repeat right bottom;
}

また、HTMLにはどのように記述したらよいかも宜しくお願いいたします。

Aベストアンサー

・backgroundに表示したい画像ファイル(../img/oribox.gif)のリンクならお書きになった書き方で適正だと思います。ただしサーバでその場所にファイルが格納されていることが前提。

・アンカー<a></a>をつけたいと言われるなら、実体のあるテキストを置くか透明な画像でも置かない限りbackgroundにアンカーは無理。

Q画像の一部からリンクを貼りたい

DreamWeaverCS4を使用して、
画像の一部を指定してリンクを貼りたいのですが、どのような操作でできますか。

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

Aベストアンサー

Dreamweaverにもホットスポットツール(イメージマップ作成ツール・クリッカブルマップ作成ツール)がありますよ。

プロパティインスペクタ(プロパティウインドウ)をひらいて、○とか□とかを指定するボタンがあるので、それで指定して下さい。

http://help.adobe.com/ja_JP/Dreamweaver/10.0_Using/WScbb6b82af5544594822510a94ae8d65-7c13a.html

Q1つの画像に複数のリンクを貼る時…

ホームページビルダー6.5でホームページを作成しています。
1つの画像に複数のリンクを貼って、リンク先のウインドウを開くとき
ウインドウの大きさを画像の大きさで開きたいのです。
あと、タイトルバーのすぐ下に画像が表示される(ツール、アドレスバー等は
表示させたくない)ようにしたいのです。

ホームページビルダーのマニュアルには載っていないし、かれこれ2日間悩んでます。
説明が足りなければ補足しますので助けて下さい。よろしくお願いします。

<MAP name="A">
<AREA href="('リンク先.htm','scrollbar=no','width=375,height=300')" shape="rect" coords="79,290,130,325" alt="Photo(kichen)" target="_blank">

Aベストアンサー

おそくなり、もう必要無いかもしれませんが補足です。
<script language="JavaScript">
<!--
function photo(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
ここまではなにもかえない
<map name="A"><area shape="rect" coords="79,290,130,325" href="javascript:photo('リンク先.html','Photo','width=500,height=500')"></map>
かえるのはリンク先.htmlを正確なリンク先に、Photoは新しいウィンドウの名前に、width=500,height=500は任意のサイズに、。それだけです。


人気Q&Aランキング

おすすめ情報