• 締切済み

GIFの座標を拾ってくれるソフト

noname#3495の回答

noname#3495
noname#3495
回答No.2

Linuxならg3dataという優秀なソフトがあるのですが・・・ というかLinuxな人なら自分でソフトを作っちゃいますね。 すいませんでした。m(__)m

yasu
質問者

お礼

ありがとうございます。 Windows環境でページを作成します。 アップするサーバーは、Linux ようです。 これで、おっしゃるツールは適用できるのでしょうか。 片っ端から、フリーソフトを試してみましたが、 残念ながら、自動で座標を拾ってくれるようなものは みつけられませんでした。 けっきょく手でひとつひとつ座標を押さえていくしかない ようです。 日本地図とかをクリッカブルマップを作成したいのですが そうすると膨大なポイントが必要なので、困っていた次第です。情報に感謝します。

関連するQ&A

  • img 上の任意の座標範囲の色を変えたい

    img タグで読み込んだ画像上に、map/area 属性を付加した以下のような HTMLがあります。coords で指定された座標範囲に対して透明度30% 程度の オーバーレイを掛けたいと考えています。 CSSとJavascriptでこのような効果を与えることは可能でしょうか。 <map name="map"> <area shape="rect" coords="0,0,100,100" href="url1"> </map> <img SRC="gif" BORDER=0 usemap="#map" height=100 width=200> 本当は、画像そのものに色をつけてしまうべきなのですが、 表示するたびにオーバーレイする座標が変わってしまうため、 画像を再作成する負荷を減らすためにCSS とJavascriptで対応したいです。 よろしくお願いします

  • イメージマップで文章を表示したい。

    下記の例のように、「map.gif」という画像の各箇所ごとにそれぞれのリンクを貼るのは下記の方法で出来ると思うのですが、 「coords="22,11,122,62"」にマウスが乗ったときに指定した箇所に文章を表示するにはどうしたらよいのでしょうか? ※それぞれの箇所によって、それぞれ違った文章を表示したいです。 ※「map.gif」という画像が表示されている上段(下段でもOK)に枠を作って、その中に説明文が表示される仕組み。 <img src="map.gif" alt="サンプル" usemap="#sample"> <map name="sample"> <area shape="rect" coords="22,11,122,62" href="map1.html" alt="リンク1"> <area shape="circle" coords="184,86,30" href="map2.html" alt="リンク2"> <area shape="poly" coords="87,78,30,110,81,139,69,113" href="map3.html" alt="リンク3"> <area shape="default" href="map4.html" alt="リンク4"> </map> 宜しくお願いします。

    • ベストアンサー
    • HTML
  • 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でなくとも同じ事が出来るのでしたら、それで構いません。 どうか宜しくお願い致します。

  • <map>の切り替え

    ウェブサイトを作っているのですが、たぶんJavaScriptだとできると思うのでどなたか分かればと思い、投稿しました。 操作的には、 <body> <div><img src="aaa.gif" usemap="#map01" border="0" name="changeImage"></div> <!--▼クリックエリア範囲01の場合--> <map name="map01"> <area shape="rect" coords="0,0,30,30" href="javascript:document.changeImage.src='bbb.gif'";> </map> <map name="map02"> <!--▼クリックエリア範囲01の場合--> <area shape="rect" coords="0,0,20,20" href="bbb.html"> </map> </body> のような感じで、初期設定のusemapがmap01なので、最初クリックする時は、map01のクリックエリア範囲でそのaaa.gifがbbb.gifに変わります。そして、bbb.gifに変わったとき、クリックエリア範囲を<map name="map02">にしたいのです。 できますでしょうか? 一応補足しておきますが、操作的には違う画面を出すとか、新しい画面に行った時、とかではないです。 同じ画面上の操作です。

  • テーブル内の行の間に隙間ができてしまいます

    いつもお世話になります。 dreamweaverCS2でホームページを作っています。 2行1列のテーブル内のセルそれぞれに画像を配置しているのですが、 IE6で表示すると、行(画像)と行(画像)の間にスペース(白い)ができてしまい、 画像同士がくっつきません。 上の行にはイメージマップを使用しています。 なんとか画像をくっつけた状態で表示したいのですが、どこに問題があるでしょうか。 画像の大きさは上の行のものが742*69 下のものが742*18です。 ちなみにHTMLは下記のようになります。 また、Netscape7.1やsafariではくっついた状態で表示できます。 困っています。よろしくお願いします。 *****以下HTML************ <table border="0" cellpadding="0" cellspacing="0" width="742" > <tr> <td width="742" > <img src="images/header1_1.gif" alt="" width="742" border="0" usemap="#hd1_Map" vspace="0"/> <map name="hd1_Map"><area shape="rect" coords="260,50,366,65" href="index.html" alt="Homeへ" /> <area shape="rect" coords="367,50,475,65" href="about.html" alt="***について" /> <area shape="rect" coords="476,50,590,65" href="members.html" alt="****一覧" /> <area shape="rect" coords="591,50,700,65" href="syukketsu.html" alt="***" /> </map></td> </tr> <tr> <td><img src="images/subnavibar1.gif" alt="" width="742" border="0" vspace="0" /></td> </tr> </table> ****ここまで****

  • クリックしてリンク先に移動する地図をwebに掲載しましたが

    ホームページに地図の画像を掲載して、 その地図にいくつかのクリックできるポイントを設定し、 それぞれリンク先に移動するようにしました。 IEではキレイに地図の画像が表示できているのですが、 FireFoxとか、Netscapeでは地図に青い外枠が表示されます。 赤を基調にしたサイトなので不自然な感じがして困っています。 どのようにこれを回避したらよいのでしょうか。 具体的に下記付け加えるもの等ございましたら教えてください。 よろしくお願いします。 <MAP NAME=map1> <AREA SHAPE=rect COORDS="112,2,196,28" HREF="room1.htm"> <AREA SHAPE=rect COORDS="213,3,298,28" HREF="room2.htm"> <AREA SHAPE=rect COORDS="310,2,399,28" HREF="room3.htm"> <AREA SHAPE=rect COORDS="413,2,495,28" HREF="room4.htm"> <AREA SHAPE=rect COORDS="513,1,594,27" HREF="room5.htm"> <AREA SHAPE=rect COORDS="614,2,701,28" HREF="room6.htm"> </MAP><IMG USEMAP="#map1" SRC="worldmap.gif" WIDTH=702 HEIGHT=29 ALIGN=bottom>

    • ベストアンサー
    • CSS
  • イメージマップからのウインドウサイズ

    前回に引き続き、ウインドウサイズのことで質問です。 ホームページビルダー2001で、イメージマップを作り、部分をクリックして 別ウインドウを開くときに、上手くウインドウサイズの指定が出来ません。 部屋の絵を描いて、テレビや本棚をクリックするとそれぞれ 写真が出てくる、ということをしたいのですが、前回教えてもらった Scriptを挿入するだけでは指定したウインドウサイズでは 開くことが出来ませんでした。 var swImg; swImg=new Array; //--> </SCRIPT><SCRIPT language="JavaScript"> <!--HPB_SCRIPT_PLD_50 HpbImgPreload('_HPB_ROLLOVER1', 'goback.gif', 'goback1.gif'); //--> </SCRIPT></HEAD> <BODY bgcolor="#ffffff" text="#996666" link="#cc0000" vlink="#663333" alink="#cc9999" background="w3b.gif"> <P align="center"><IMG src="broomlogo.gif" width="664" height="71" border="0"></P> <P align="center"><IMG src="bigroom.gif" width="496" height="336" border="1" usemap="#bigroom"><MAP name="bigroom"> <AREA shape="rect" coords="180,11,228,37" href="pc.htm" alt="パソコン。" target="_blank"> <AREA shape="poly" coords="455,199,460,209,456,215,456,229,454,237,449,228,450,215,450,202,455,197,456,197,456,196" href="guitar.jpg" alt="57年レプリカのフェンダーストラトキャスター。" target="_blank"> <AREA shape="default" nohref> </MAP></P> </BODY> </HTML> これをどういう風にすれば、クリックしたときにサイズ指定した ウインドウを開くことが出来るのか、教えて下さい。

  • 画像の一部を選択した時のみマウスポインタを変更

    <img src="img.gif" usemap="#sample" border="0"> <map name="sample"> <area shape="rect" coords="10,10,10,10" alt="sample" name="ex"> <area shape="rect" coords="10,10,10,10" alt="sample" name="ex"> </map> というようにスポットエリアを利用して、 そのエリアにカーソルを合わせた時に、 カーソルの形を変えるというような指示はできないでしょうか。。。 style="cursol:xxxx"; を利用するのかと思ったのですが、 できなかったので、、、、。

    • ベストアンサー
    • HTML
  • JavaScriptとUsemapの切り替え

    JavaScriptとイメージタグのusemapを併用して、ボタンを押すと画像とusemap両方が切り替わるというものを考えています。そこで下記のように考えてみました。しかし、画像は切り替わったのですがusemapが切り替わることは一切ありませんでした。ブラウザはFirefox3.5で想定しています。他の質問も見てみましたが改善はしませんでした・・・ (HTML側) <img name="im" src="room1.gif" alt="イメージ" usemap="#room1"> <map name="room1"> <area shape="rect" coords="1,1,150,200" onclick="ASet()" alt="1"> <area shape="rect" coords="1,201,150,400" onclick="BSet()" alt="2"> </map> <map name="room2"> <area shape="rect" coords="151,1,300,200" onclick="CSet()" alt="3"> <area shape="rect" coords="151,201,300,400" onclick="DSet()" alt="4"> </map> <form name="kirikae"> <input value="1へ" onclick="Kirikae('room1.gif','#room1')" type="button" name="A"> <input value="2へ" onclick="Kirikae('room2.gif','#room2')" type="button" name="B"> </form> (JavaScript側) function ASet(){ alert("てすと1"); } function BSet(){ (中略) function Kirikae(mapname,usename){ document.im.src = mapname; document.im.usemap = usename; }

  • GIFイメージが表示されません

    私のパソコンからBIGLOBEのホームページを開けると BIGLOBEのホームページの一番左上にある BIGLOMEのイメージロゴ(水玉みないなの)(GIFイメージ)が表示されておらずその部分は白地のままになっています またロゴの右よこの青いラインのデザインも表示されておらず白地のままになります(HTMLドキュメント) それ以外はどうやら表示されているようです 何が悪くて表示されないのか全く見当がつきません 最近ヤフーからBIGLOBEにプロバイダ変更してはじめて気がついたので、いつから写らなくなっていたのかということもわからず、きっかけもわかりません。IEを8にしてみましたが変化無しです どうか 詳しい方がいらっしゃいましたら 教えて頂けないでしょうか なにとぞ 宜しくお願い申し上げます