2012-04-13 7 views
4

私は、クライアントのウェブサイト用の画像を「ビルド」する必要があります。 1つのコアイメージと、その上にスタックする複数の他の互換性のあるイメージがあります。このようなjqueryツールはありますか?

したがって、サイトの管理部分では、ユーザーはコアイメージを表示してクリックしてポイントを設定することができます(登録ポイントと呼んでいます)。このポイントは他のイメージが表示される場所を設定します最終的な画像が構築される。

誰かがこれに類似したことをしたことがあるのか​​、そこに何かjqueryツールがあると本当にこれを達成するのに役立つのだろうかと思います。

ご協力いただきありがとうございます。

答えて

3

あなたのためのものが見つかりませんでしたので、あなた自身で構築する必要があります。

ここでは、管理者がhtml5キャンバスを使用して地図をクリックしてマーカーを挿入できる小さなデモを作成しました。

これ以外に必要なことは、データを保存してライブページでjson配列として利用できるようにすることです。

http://jsfiddle.net/QLT4v/

いくつかの緩い端をtheresのが、トップ画像のクリックが下の地図上のフラグによって表されているかに注意してください。間にあるテキストボックスには、保存して提示する必要があるデータが保存されます。

更新バージョン絶対位置divを使用して解決策を示しています

は、それが

EDITが解決に向けてあなたを指して願っています。親divのposition:relativeに注目してください。おそらくあなたの管理者の問題を引き起こしたのでしょうか。

詐欺:ない一枚の画像... プロ:ない一枚の画像 - >アイテム

http://jsfiddle.net/QLT4v/1/

+0

おかげスティーンに/ onclickのホバーのような機能を付けるのは簡単。私は今までの点を保存するために同じ種類のロジックを使用していました。しかし、私は再び管理者にそれらを示したので、ユーザーはポイントがどこにあって何か変わったかを知ることができたので、以前の場所を正確に表示することはできませんでした。私は基本的に背景としてコアイメージを持つdivを持っていて、その中にポイントイメージを使ってdivを配置します。最初のディビジョンのサイズが他のディビジョンを低く押さえるような感じでした。だから、答えはキャンバスタグを使うことです。 – jaz872

+0

私はキャンバスタグを自分で使っていません。それを使用している古いブラウザでは問題は発生しませんか? htmlサポートのための – jaz872

+0

はhttp://findmebyip.com/litmusまたは他を点検する。しかし、あなたが "マスタ"画像の上に配置された画像に満足しているならば、そうする理由はありません。更新されたjsfiddleを参照してください。ボタンをクリックして必要な画像を追加します。 – Steen

関連する問題