• 締切済み

FIREWORKS使い方 画像を入れ替えるjavascript

画像を入れ替えるjavascript なんですが、要するにそのリンクの画像にマウスオーバー になった際、色が変わる程度の事なんですが、 どれをどのようにし、(機能等)HTMLで切り出すそうですが、 手順を教えてください。 よろしくお願いいたします。

  • hufu
  • お礼率14% (9/62)

みんなの回答

noname#119957
noname#119957
回答No.1

(1)fireworksで、2つの画像をスライスしてスライスに名前をつけて切り出す。ロールオーバーは、dreamweaberなどオーサリングソフトで簡単に作れるので、普通はfireworksのHTMLはつかいません。 (2)それで、fireworksでHTMLを作成するのはあまりやったことがなく説明できません。スライスを操作すればできると思います。ロールオーバーを設定したらHTMLで書き出せばよいはず。やり方はHELPで見てください。fireworksで作成されるHTMLには癖があるとおもいますので用途によりけりです。

hufu
質問者

補足

kenさんたびたびどうもすみません。。 なるほど、スライスで。。今ちょっとトライアルしてみます。 どうもです。

関連するQ&A

  • FireWorksで作った画像をDreamWeaverに・・

    お世話になっています。 FireWorksでほぼまるまるトップページを作成して、 ボタン部分をスライスして、 シンプルロールオーバーで、マウスを乗せると色が変わる設定をしました。 FireWorksからブラウザで確認すると、ちゃんとうごきます。 書き出すときに、 ファイルの種類・・HTMLとイメージ HTML・・HTMLファイルを書き出し スライス・・スライスの書き出し を選びました。 これをDreamWeaverに読み込む前に他になにか注意することはありますか・・?DreamWeaverでは動きません・・。 DreamWeaverに読み込むときというのは、ひょっとして 書き出したときにたくさん出てきたスライス部分の 画像を配置するのでしょうか・・? 全然見当違いのことを言ってたらすみません・・。 よろしくお願いします。

  • こんなJavaScript探してます!

    はじめまして。 早速ですが、下記のようなジャバスプリクトを探しています。 ------------------------------------------- ┌──────────┐  │                │ │    A           │ └──────────┘ ←4枚とも画像です。 ┌─┐┌─┐┌─┐ │ 1││2 ││3 │  └─┘└─┘└─┘   1の画像にマウスオンすると、1とAの画像が別の画像が表示され(すり替えられ)尚且つ1をクリックで別ページにジャンプ。 1※ 1・2・3ともリンク先は異なる 2※ マウスオーバー時に表示される画像は1とAとでは異なる 3※ 2・3も同様の機能がある ------------------------------------------- 探してみたところ http://bunjin.com/java/change_img0.htmlが近いように思えますが、 このスプリクトを応用してできるでしょうか? JavaScriptでなくても、こんな方法で出来る等、お教え頂ければ幸いです! 宜しくお願い致します。

  • Javascriptのマウスオーバー

    Javascriptでのマウスオーバーで、Mapを使って画像上に範囲指定しているリンク範囲にボーダーを表示させたいと考えています。 HTMLは、 <html> <head> <title></title> </head> <body> <img src="aaa.gif" border="0" usemap="#Map"> <map name="Map"> <area shape="rect" coords="78,200,228,241" href="bbb.html"> <area shape="rect" coords="326,168,476,209" href="ccc.html"> <area shape="rect" coords="78,141,228,182" href="ddd.html"> </map> </body> </html> このようになっています。 この状態で、マウスオーバー時にリンク範囲をボーダーで囲みたいと思っています。 JavascriptやCSSとの組み合わせ等でいろいろ探してみたのですが、どうしても上手くいきませんでした。どうしたらいいのか教えて下さい。 また、JavascriptやCSSでなくとも同じ事が出来るのでしたら、それで構いません。 どうか宜しくお願い致します。

  • javascriptで画像の一部を切り取る

    今、1枚の画像をマウスで囲んだ部分を自由に切り取るということを、 Javascript+HTML+PHPでやりたいと思っています。 切り取った形をサーバーに残したいと思っています。 マウスの軌跡で線を描くぐらいのことはできますが、それ以上のことができません。 何かヒントを頂けましたら助かります。

  • ロールオーバーを使わずにカーソルをあわせると下に少しずれる画像

    サイトでよく見かける、リンク付きの画像へマウスポインタをあわせるとその画像が下に少しずれる様な効果の得られるタグを教えて下さい。 ロールオーバーを使えば、今の知識でも作ることはできるのですが、JavaScriptを無効設定している人に対しても、有効なタグを教えてください、お願いします。 HTML初心者です。もしかしてCSSの知識が必要ですか?何の知識が必要かもよく分かりません。

    • ベストアンサー
    • HTML
  • JavaScriptでの画像ロールオーバーについて教えて下さい。

    非常に初歩的な事で申し訳ありません。 サイトのメニュー部分の画像をJavaScriptでマウスオーバー時に切替たいのですが、うまくいきません。 IE6とOpera9ではすべて表示できたのですが、Firefox1.5では一部の画像だけ切り替えられませんでした。 原因が分からず困っています。 function chImg(img, str){ document.images[img].src = str;} よろしくお願いします。

  • JavaScriptを使用せず画像をランダムに表示したい

    はじめまして。 私は、Php NukeというCMSを利用してサイトを運営しております。 Php Nukeでは、HTMLを利用してページを表示できるのですが、画像をランダムに表示させたいのですが、 JavaScriptは無効のようで、できません。 つきましては、JavaScriptなしでHTMLに書き込むような形で画像をランダムに表示させたいのです。(またその画像にリンクも貼れればと思います) 或いは、JavaScriptを有効にするように設定?変更ができても可です。 どなたかお知恵をお貸しいただけないでしょうか? よろしくお願いいたします。

  • マウスオーバー:一つの画像だけを変えるには?

    javascript初心者です。マウスオーバーの記述について教えてください。 3つのリンクボタンがあるのですが、このうち、一つだけ画像が変わるようにしたいと思っています。 ※リンク先は、3つもと同じです。 例:A・B・Cのリンク画像 A~CのどれをオンマウスしてもAの画像だけが変わるようにしたい。 また、マウスアウトした時には、元の画像に戻るようにしたいです。 以上、よろしくお願い致します。

  • javascript マウスオーバーでほかの画像を変更

    はじめまして javascriptについておしえてください ホームページ内に下記のように 2枚の画像があるとします   A    B このうち、Aの画像に対しマウスオーバーをしたときに、 Bの画像が、Cに変更するという記述は可能でしょうか? よろしく願いします

  • Javascriptのマウスオーバーについて

    Javascriptでマウスオーバーというものがあります。 画像の上にマウスを持っていくと、画像が切り替わるものです。参考:http://www14.plala.or.jp/sugachuu/JavaScript/k06.html そこで、質問なのですが、マウスオーバーのスクリプトを 同じページ内で いくつも表示させるのは可能ですか??(上記参考URLでたとえると、大きな画像1つと小さな画像4つを一まとめにして、一まとめしたものをいくつも同じページ内で表示することは可能ですか??) もし可能なら、そのやり方を教えてください。サンプルソースみたいなのをつけていただくと、うれしいです。 よろしくお願いします。

専門家に質問してみよう