0

私は画像の配列に imgAreaSelect を使用しています。ユーザーは < と > の矢印をクリックして切り替えることができます。プラグインが 1 つの画像の場合はモーダル ウィンドウで完全に動作させることができましたが、属性を動的に設定する場合、どうにかし<img id="image">て CSS が気に入らなくなりました。

プラグインがどのように機能するかの jsfiddle を次に示しますが、画像は 1 つだけです: http://jsfiddle.net/B83Ck/ imgAreaSelect プラグインは画像に直接適用され、問題はありません。

残念ながら、これは、次の jsfiddle に見られるように、画像を切り替えるために使用していた JS では機能しませんでした。代わりに、画像が存在するブロック要素に imgAreaSelect を適用しようと考えました 。モーダルが移動している間、領域は固定されたままです。また、モーダルを閉じると、選択範囲が表示されたままになります。

だから私は今ここにいます。parent: '#parentblock'このjsfiddleで確認できるimgAreaSelectインスタンスへの追加に関するいくつかのことを読みました： http://jsfiddle.net/H4hEx/ これには必要なスクロール機能と閉じる機能がありますが、画像自体には表示されません. なんか横にずれてる。助言がありますか？

4

1 に答える 1

2

私は最終的にこれを解決することができました.そのほとんどは公に利用可能な知識でしたので、私は失敗したと思います.

この修正を見つけました: Bootstrap モーダル ウィンドウ #39 の間違った位置付け

parent: #parentdivを作成するとともにstyle="position:relative;"

ここで jsfiddle を使用: http://jsfiddle.net/H4hEx/3/

今後このスレッドに遭遇する人は、jsfiddle が機能しなくても心配しないでください。imgAreaSelect の外部リソースへのリンクが移動した可能性があります。自分のものに置き換えるだけです。（そういう仕組みだと思う？）

乾杯

于 2014-03-24T14:48:55.373 に答える