• ベストアンサー

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

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

質問者が選んだベストアンサー

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.2

Javascript でそうした事を実現するライブラリが公開されています。 「TJPzoom.js」「loupe.js」あたりが有名で日本語の解説もすぐにみつかると思います。 かなり高機能ですが、HTMLとJavascriptの基礎知識があれば利用方法はそれほど難しくないと思います。 (他にもあるかもしれません「javascript 拡大 ルーペ」みたいなコトバで検索してみるとか。) ただ、元がA3となると、(どれほどかによりますが、)細かい文字まで判読できるほど高解像な画像を使えばやっぱりそれなりの「重さ」になるでしょうから実用的になるかどうかは難しいですね。

その他の回答 (1)

  • vaio09
  • ベストアンサー率37% (756/2018)
回答No.1

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/ 申し込むとコードが送られてくるので、それを"<head>~</head>"内にペーストするだけ

ninjafromheaven
質問者

お礼

ご回答ありがとうございます。 ただ、ちょっと質問の趣旨とあっていないような気が・・・。 質問で書いておりませんでしたが、 掲載したい元の画像サイズがA3ですので、 文字まで読める大きさで掲載するとかなり大きくなってしまい、 単に拡大表示するだけでは見てもらいにくいのです。 http://ipqwww.shufoo.net/www2/midori/2007_1103/002/index.html?sid=asp/midori&shopId=3759&chirashiId=784443200732 のような(ここまで大した物でなくとも)感じで 拡大・縮小をしたいのです。 もしくは希望通りの内容を実現するにはプロ(?)の業者にお願いするしかないのでしょうか?

関連するQ&A

  • iPhone/iPad向けWebサイトで、画像のみの拡大縮小を行う

    iPhone/iPad向けWebサイトで、画像のみの拡大縮小を行う iPad向けにWebアプリを開発しています。 HTMLのページ内に埋め込まれた画像のみをgoogleマップのような感じに拡大・縮小・表示範囲の移動などを、iPadのUI(つまむ・なぞるetc)で行えるjavascriptないしAJAXのコード、もしくはライブラリを探しています。 PC向けのライブラリはjavascriptでもFlashでもいろいろあるようですが、どなたかご存知であれば教えていただけると非常に助かります。

  • 表示されたJPEG画像を拡大縮小した際のディザ(ピクセルのギザギザ)処理

    撮り貯めた写真を紹介するサイトをFLASHで作ろうと頑張ってます。 サイトでは、あらかじめ各写真のサムネイルをある程度の量表示しておき、 サイトの訪問者がどれかサムネイルをクリックした後、 準備しておいた大きな写真(JPEG画像)をウィンドウいっぱいに表示しようとしています。 しかし、見る人の画面の大きさによって表示されるJPEG画像が準備しておいたサイズから拡大縮小されるため、 どうしてもディザが現れてきてしまいます。 いろいろなサイトを探ってみたのですが、 FLASHの中で表示されたJPEG画像の拡大縮小時のディザは仕方ないとの結果が大半でした。 唯一http://fotologue.jp/のサイトで表示された写真は、 ウィンドウを拡大縮小した場合でもディザを無くす処理が行われているようなのですが、 これはいったいどのように処理されているのでしょうか? どなたかおわかりになる方教えていただきたいです。 宜しくお願いします。

  • 画像の拡大、縮小

    HPの画像の上にマウスを置いてクイックすると画像が拡大されたり縮小されたり(四方に拡がるようなアイコンが表示)できる設定を教えてください。ソフトはホームページビルダー6です。

  • エクセルに貼り付けた画像の拡大・縮小方法

    エクセルに貼り付けた画像を、左クリックで拡大、縮小(元に戻す)する方法をどなたか教えて頂けないでしょうか? サムネイルのような使い方をエクセルでしたいのです。 検索した結果、類似した質問→回答はありましたが参考になりませんでした。 よろしくお願いします。

  • サーバー上での画像縮小

    お世話になります。 現在サーバーをレンタルしてそこに画像ファイル(主にデジカメで撮影したJPEG)をアップロードしているのですが、このアップロードした画像をサーバー側で縮小して表示させることはできませんか? サムネイルで一覧表示をしたいのですが、サーバーのリソースは限られているので、あらかじめサムネイルを作成しておくといった無駄はできません。 ファイルのリクエストに対してサーバーが縮小した画像を送信して欲しいのですが・・・。 JavaでもPHPでもFlashでもかまわないので教えていただけると助かります。

  • PhotoshopCS5で画像縮小拡大する方法は?

    基本的な質問ですが、 たとえば横幅が250pixで縦の長さが136pxの画像があったとします。 これを、縮小や拡大するにはどうすればいいのでしょか? なお、具体的には・・・・・ //----------------------------------------------------------- 拡大⇒横幅270pxにして、縦の長さは「横幅:縦の長さ」の比が変わらないようにしたいです。 縮小⇒横幅230pxにして、縦の長さは「横幅:縦の長さ」の比が変わらないようにしたいです。 //----------------------------------------------------------- なお、『編集⇒変形⇒拡大・縮小』で拡大・縮小をできることは知っています。 ですが、それだとドラッグ&ドロップで「このくらい」の「拡大/縮小」はできますが、 より正確に、横幅を270pxや230pxという数値をどこかで入力して、 縦の長さは「横幅:縦の長さ」の比が不変、という形にしたいです。 どうすればいいでしょうか? よろしくお願い申し上げます。

  • サムネイル画像の拡大

    サムネイル画像がオンマウス時に拡大するようにしたいと思い、色々調べました。 画像をtableタグ(表!?)の中に表示させようとすると、デザインが崩れるものばかりでした。 ようやく下記のサイトに辿り着き、デザインも崩さずに画像を拡大させることが出来たのですが・・・・・・ 複数の画像を同じように拡大できるようにしようとした所、拡大した画像が他の画像(拡大するように設定しているサムネイル画像)の下に表示されてしまいます。 これをサムネイル画像の下にならないようにするにはどうしたら良いのでしょうか??? また、この方法以外でも、比較的簡単でデザインを崩さない拡大のやり方があれば教えて下さい。 お願いします。 私が試したサイオトは下記のものです↓ http://tonecontrol.mods.jp/memo/css_thumbnail.html

    • ベストアンサー
    • HTML
  • 画像の拡大・縮小機能のサンプルページを探しています

    参考:http://www.maimu.co.jp/753/detail/7302106.php 上記サイトのような画像を拡大・縮小出来るスライダーがついていて、 且つ拡大した際にマウスで移動できる機能を実装したいと思っているのですが、 何か解説ページなどありませんでしょうか? Flashでは無く、javascriptで実装できればと思っております。 ポイントとしては、 ◎「+」「-」ボタンだけではなく、スライダーで拡大・縮小ができる ◎拡大時にはマウスで拡大位置を移動できる ◎Flashではなく、javascript(jQueryとか?)で。 ご存知の方がいらっしゃいましたらお願いいたします。

  • エクセルの拡大・縮小表示

    エクセル上での拡大縮小表示、スクロールをホイールマウスを使って、もっとスムーズに出来ないものでしょうか? 拡大はまだ良いのですが、縮小のときにセンターがどんどんズレていってしまいますよね。 スクロールも、『手づかみ』でドラッグするようなものの方が、断然やりやすいと思うのですが・・。 CADなんかのスクロールをイメージしているんですが、不可能なのでしょうか?

  • イラストレーターCS2での、拡大・縮小のやり方

    イラストレーターのCS2(windows)を使用しています。 オブジェクト・画像の拡大・縮小をする時、まずShiftを押しながらマウス左クリックをドラッグしてオブジェクトの端のポイントを動かせばできていたのですが、どこか設定を触ってしまったらしく、できなくなってしまいました。 今まで通り、画像やオブジェクトをマウスで拡大・縮小するには、どうしたらいいのかお教えください。 よろしくお願い致します。