• ベストアンサー

JavaScriptを使った画像拡大

こんにちは。いつもお世話になっています。 http://coliss.com/articles/web-services/581.htmlのSplashupのキャプチャ画像をクリックすると、 ブラウザはそのままで画像だけが大きくなり、ドラッグで動かせます。 これを自分のホームページにも取り入れたいと思っています。 おそらくJavaScriptを使っていると見当はつき、調べてみたのですが、どうすればいいかわかりません。 どなたかご教授お願いします。

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

  • ベストアンサー
回答No.1

http://vikjavev.no/highslide/ このサイトのモジュールを使ってるみたいですね。 ここにあるsampleとかを参考にすれば理解できるのではないでしょうか。 ドキュメントは以下です。 http://vikjavev.no/highslide/doc.php

go2work
質問者

お礼

ご回答ありがとうございます。 こちらを参考に見栄えのするHPを作りたいと思います。

関連するQ&A

  • 画像を回転させる方法

    質問させてください。 今、下記のような画像をドラッグとホイールで360度回転させる機能 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-reel.html に、更にスライダー機能(http://zack.dtiblog.com/blog-entry-15.html)も使える様にしたいのですが、参考サイトも見つからず、うまい事組み合わせようとしても実装できません。 もしわかる方いらっしゃいましたら教えて頂ければと思います。 何卒宜しくお願い致します。

  • jQueryアコーディオンについて

    どなたかご教授頂けると嬉しいです。 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-easy-accordion.html 上記のjQueryがクロスブラウザ対応と書いてありましたので使用したのですが、設置後にOperaやIE8(9?)で表示がおかしくなることに気づき困っています。 画像と文字が横にならない+リンクに触れるようにする方法はありませんでしょうか… 宜しくお願いします、

  • JavaScriptを有効にする設定

    リンクをクリックすると、JavaScriptで小窓が開くような ホームページがあるのですが そのページを家のPCで開き、リンクをクリックしても 小窓が開きません。 IE6のブラウザでJavaScriptを有効にする設定は どうするのでしょうか? 自分では一応有効にしてるつもりなのですが もしかして間違ってるかもしれないので 教えて下さい。 念の為ホームページを書いておきます。 http://illustmaker.abi-station.com/

  • 画像の拡大について

    下記のブログのような、画像をクリックすると、 ういーんと画像が表示されるシステムを無料でダウンロードできるところを教えて下さい!! http://metalmickey.cocolog-nifty.com/photo_is_a_word/ javascriptとFLASHで作成されているのだと思うのですが・・・

  • JavaScriptで画像D&D

    ちょっとした「遊びもの」を作るため、 webブラウザ上で画像をドラッグ&ドロップできるように したいのですが、なかなかうまく作れません。 クロスブラウザ仕様じゃなく、IE専用でいいので どなたかいい感じのスクリプトを知りませんか? ちなみに画像は2個以上でお願いします。

  • javascriptの円形画像ギャラリーのサンプル

    こんにちは、現在ホームページを作ろうと思っていて 1点javascriptによる実装を考えております。 http://www.flashmo.com/preview/flashmo_098_3d_curve_wall がイメージに近いのですが、これだとflashなので、 これに似たjavascriptを探しております。 (・ドラッグとかでスピードが変わらなくてもよく、   単にゆっくり回転している物を探しております。  ・単に画像ギャラリーのsliderを少し円形(3D)にしたものを   探しております。) なにか情報がございましたら どんな情報でも良いので、ご相談させてくださいませ。 失礼致します。

  • ピクネットの画像ファイル呼び込みについて

    パソコンに保存してあるファイルや、ブラウザからもドラッグ&ドロップで画像をとり込めます。 [ファイルを読み込む]140×180(横縦)サイズ以上の機種を設定した場合 手順 1 ピクネットツール本体のボタンをクリックするとよみ込みモードに切り替わります。 2 とり込み窓上にとり込みたい画像をドラッグ&ドロップしてください。ブラウザからもドラッグ&ドロップで画像をとり込めます。 ※ピクネットツール本体のプレビュー窓に直接ドラッグ&ドロップしてもファイルを読み込みます。 3 スクロールバーをドラッグして、表示されている画像の位置を上下、左右に調整します。とり込み窓に表示されている画像を直接ドラッグしても調整できます。 4 、、 ボタンで画像をトリミングします。 ※ボタンで画像が100%になります。また、 、、ボタンでとり込み窓が回転します。 5 ボタンまたはボタンをクリックして画像をとり込みます。 6 ボタンをクリックすると画像をよみ込まずにキャプチャーモードに切り替えます。 とありますが、ドラッグ&ドロップとはなんでしょう? 具体的にどうすれば画像がとりこめるのでしょう?

  • 元の画像のようにきれいに拡大するには?

    お世話になります。ホームページ製作ソフトニンジャ2003で、画像クリックで拡大表示させたいので、拡大 したのですが、元の画像のようにきれいに表示されません 画像が荒くなってしまいます。どうすれば、きれいに できますか?宜しくお願い致します。

  • jQueryアコーディオン(IE6の対応)

    どなたかご教授頂けると嬉しいです。 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-easy-accordion.html 上記のjQueryがIE6対応とあるのですが、実際に表示を確認してみると崩れてしまっています。 どうにかIE6で正常に表示出来ないか試行錯誤しているのですが上手くいきません……。 もしわかる方がおられましたら教えてください。 宜しくお願いします。

  • HTML画像を崩さないようにするためについて

    HPのHTMLの画像がブラウザを小さくすると崩れます。 崩れない良い方法などありますでしょうか? http://gachapaso.web.fc2.com/の上部の画像ですが ご教授お願いいたします。

専門家に質問してみよう