2010-11-23 7 views
2

http://irrland.sonntagskunst.deのようなページを再作成しますが、jQueryにします。これを行うjQueryプラグインはありますか? (上記のリンクはプロトタイプを使って書かれています)。JQueryを使用して大きなイメージのドラッグ可能なページ(マップ)を作成するにはどうすればよいですか?

ありがとうございました。これはトリックを行う必要があります:jQueryのscrollToと、いくつかのCSSの策略(隠された、おそらくオーバーフロー):使用

答えて

1

ページをあなたの例では、いくつかの本当に素晴らしいアニメーションを持っています。あなたはおそらく、あなたが試すことができ、それらの '素敵' 効果を自分で追加する必要がなく、jQueryのプラグインがいくつかあります:

  1. https://github.com/can3p/iviewer/wiki/
  2. http://wayfarerweb.com/jquery/plugins/mapbox/

UPDATE:

はまた、これをチェックアウト:

  1. http://www.gethifi.com/blog/jquery-vs-flash-for-interactive-map
  2. http://speckyboy.com/2010/02/03/10-jquery-plugins-for-easier-google-map-installation/
  3. http://www.ajaxupdates.com/mapbox-zoomable-jquery-map-plugin/

それがお役に立てば幸いです。

0

これは、jQueryUI Draggableを使用して実装するのは難しくありません。 draggableはコンテナ内にある必要があります(widht:100%、height:100%、overflow:hidden)。 Draggableにはさまざまなオプションとイベントがあります。たとえば、stopでは、ドラッグされたオブジェクトがコンテナの端から離れているかどうかを確認して、それらをドラッグして戻す必要があります。

2

私はIRRLANDマップを作った人です。それは実際にPrototypeを使って書かれています。私は2,3週間前に同様のプロジェクトを行いました。実際にはIRRLANDマップエンジンに基づいていますが、jQueryを使って完全に書き直しました。たぶんあなたはそれを見て自分でそれを再構築しようとします。

http://www.rocknrollmetromap.com/

乾杯、 パトリック

+0

愛、この!ドラッグ&ドロップをモバイルでも使えるようにするのはとても涼しいでしょう。あなたのプラグインの上に実装するために多くの努力が必要だろうと思いますか? –

関連する問題