会社のホームページ内でカタログやパンフレットを表示したいと考えております。（PDF形式は自分が好きではないので利用の予定はありません）はじめは、細かい文字まで読めるように、サムネイルをクリックして大きい画像を表示して見てもらえばいいか、と思っていたところ、ちょうどこのようなサイトを見つけました。 http://ipqwww.shufoo.net/www2/midori/2007_1103/002/index.html?sid=asp/midori&shopId=3759&chirashiId=784443200732 ここほど高機能でなくてもいいのですが、「画像の拡大・縮小」「画像をドラッグして移動（？）」が出来ればと思っています。知人がFLASHやAJAXを言う技術を使っているのでは、と言っていましたが、それほど詳しくないということなのでこちらに質問させていただきます。方法や何かアイデアがありましたらご教授願えませんでしょうか？よろしくお願いいたします。

javascriptを使って、画像の上にマイスをのせたときにポップアップさせるワザいろいろ http://weblibrary.s224.xrea.com/weblog/webdesign/javascript_high.html CSSを使って、画像の上にマイスをのせたときにポップアップさせるワザ http://garage.mods.jp/ex/css-popup/ http://www.lucky-bag.com/archives/2005/06/css_popup.html DHTML? http://www001.upp.so-net.ne.jp/oka/popup_image7a.htm 画像だけではなく、リンク先サイトも表示したいなら、リンク先のスクリーンショットを表示するポップアップ「Snap Preview Anywhere」 http://www.snap.com/ 申し込むとコードが送られてくるので、それを" ～ "内にペーストするだけ

ホームページ内で画像を拡大・縮小させたい

解決済

質問者：ninjafromheaven
質問日時：2007/11/05 12:55
回答数：2件

会社のホームページ内でカタログやパンフレットを表示したいと考えております。
（PDF形式は自分が好きではないので利用の予定はありません）
はじめは、細かい文字まで読めるように、
サムネイルをクリックして大きい画像を表示して見てもらえばいいか、
と思っていたところ、ちょうどこのようなサイトを見つけました。
http://ipqwww.shufoo.net/www2/midori/2007_1103/0 …

ここほど高機能でなくてもいいのですが、
「画像の拡大・縮小」「画像をドラッグして移動（？）」
が出来ればと思っています。

知人がFLASHやAJAXを言う技術を使っているのでは、
と言っていましたが、それほど詳しくないということなので
こちらに質問させていただきます。

方法や何かアイデアがありましたらご教授願えませんでしょうか？
よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.2ベストアンサー

回答者： steel_gray
回答日時：2007/11/05 18:42

Javascript でそうした事を実現するライブラリが公開されています。

「TJPzoom.js」「loupe.js」あたりが有名で日本語の解説もすぐにみつかると思います。
かなり高機能ですが、HTMLとJavascriptの基礎知識があれば利用方法はそれほど難しくないと思います。
（他にもあるかもしれません「javascript 拡大ルーペ」みたいなコトバで検索してみるとか。）

ただ、元がA3となると、（どれほどかによりますが、）細かい文字まで判読できるほど高解像な画像を使えばやっぱりそれなりの「重さ」になるでしょうから実用的になるかどうかは難しいですね。

- 0
- 件

通報する

No.1

回答者： vaio09
回答日時：2007/11/05 13:42

javascriptを使って、画像の上にマイスをのせたときにポップアップさせるワザいろいろ

http://weblibrary.s224.xrea.com/weblog/webdesign …

CSSを使って、画像の上にマイスをのせたときにポップアップさせるワザ
http://garage.mods.jp/ex/css-popup/
http://www.lucky-bag.com/archives/2005/06/css_po …

DHTML?
http://www001.upp.so-net.ne.jp/oka/popup_image7a …

画像だけではなく、リンク先サイトも表示したいなら、リンク先のスクリーンショットを表示するポップアップ「Snap Preview Anywhere」
http://www.snap.com/
申し込むとコードが送られてくるので、それを"<head>～</head>"内にペーストするだけ

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
ただ、ちょっと質問の趣旨とあっていないような気が・・・。

質問で書いておりませんでしたが、
掲載したい元の画像サイズがＡ３ですので、
文字まで読める大きさで掲載するとかなり大きくなってしまい、
単に拡大表示するだけでは見てもらいにくいのです。

http://ipqwww.shufoo.net/www2/midori/2007_1103/0 …
のような（ここまで大した物でなくとも）感じで
拡大・縮小をしたいのです。

もしくは希望通りの内容を実現するにはプロ（？）の業者にお願いするしかないのでしょうか？

通報する

お礼日時：2007/11/05 14:28

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