2

私が作成しているウェブサイトの画像で4つのことをしなければなりません。

  1. 画像をズームインおよびズームアウトできるはずです。
  2. 画像の特定の部分をロールオーバーすると、その部分が強調表示されます。
  3. 画像をロールオーバーすると、ツール ヒントが表示されます。
  4. これらのロールオーバー パーツのいずれかをクリックすると、別のページにリンクする必要があります。

画像はこちらここに画像の説明を入力

ご覧のとおり、かなり複雑です。サイトに使用する画像の非常に高品質なバージョンがあります。

商店街のイメージなので、ある商店街をロールオーバーすると。画像全体が暗くなり、現在の小売店のツール ヒントが表示されるか、またはより強調されてツール ヒントが表示されます。

html 、 css 、および jquery でこれを行うにはどうすればよいですか? このようなものは完璧ですが、ズームインできる画像が必要です

4

2 に答える 2

3

独自の画像を指定できる Google マップのようなものを見つけることをお勧めします。オンラインで簡単に検索すると、次のことが明らかになりました。

Google マップのチュートリアル:
- http://forevermore.net/articles/photo-zoom/
- http://blog.mikecouturier.com/2011/07/create-zoomable-images-using-google.html
サードパーティ ライブラリ:
- http://www.maplib.net/ (リンク切れ)
- http://mashupforge.com/ (リンク切れ)

他にもたくさんあると思います。基本的に、これらは Google マップのすべての機能を提供する必要がありますが、自分ですべてを再コーディングする必要はありません。境界を指定して、通常の Google マップのすべてを実行し、さまざまな API 機能を使用してリンクすることができます。

于 2012-06-25T04:03:40.773 に答える
0

Mashupforgeの開発者はこちら。Mashupforgeを使用すると、2番を除いてすべてを簡単に実行できます。マーカーにカーソルを合わせたときの強調表示は、まだサポートされていません。それ以外は、ソース画像をアップロードするだけで、アプリは基本的にズーム可能でドラッグ可能なマップを作成します。ご不明な点がございましたら、お気軽にお問い合わせください。

于 2012-07-21T21:55:39.263 に答える