問題タブ [jcrop]

ねえ、私はWebサイトでSlimbox2を使用していますが、ライトボックスエフェクトを開いた後、キーボードは役に立ちません。

つまり、キーボードのキーが応答しなくなったということです。「F5」のようにページが更新されず、動的に追加したいくつかのテキストフィールドにテキストを入力しようとすると、テキストが通常のように表示されません。

他の誰かが以前にこれに遭遇しましたか？

この問題の原因はjCropである可能性もあります。

とにかく、私はこの振る舞いを防ぎ、通常の振る舞いを回復することができますか？

このアプリケーションの機能を Wordpress で 100% 動作させるのに苦労しました。私は Wordpress 以外のサーバーにアプリケーションの動作バージョンを持っていますが、Wordpress が関与すると事態がおかしくなりました。

私が現在抱えている問題は、プロセスの 2 番目のステップにあります。ユーザーは、qr コードの中央に表示される画像の一部を切り取ることができます。ここでは、実際の例と何が起こるかを確認できます。ここでは、2 番目のステップでどこが壊れているかを確認できます。jQuery は問題なく動作しているように見えるため、Wordpress テーマのどこかに CSS の競合があると推測しています。Inspect 要素は、実際の例ではマージンと高さ/幅がトリミングされた選択でオンザフライで調整されていることを示していますが、壊れた例では高さ/幅はまったく調整されていません。テーマにあるすべての CSS ファイルを無効にしようとしましたが、役に立ちません。

左側の画像がトリミングされているため、右側の画像を更新するために使用している jQuery を次に示します。使用しているプラ​​グインは jcrop です。問題は、動作中のバージョンでは高さと幅がインライン css で正しく更新されていることですが、壊れたバージョンではこれらの値は更新されていませんが、マージンは両方のバージョンで正しく機能しています。

ちょっとした質問です。Jcropbox の画像が完全に読み込まれたかどうかを確認するにはどうすればよいですか? 私はJavaScriptの初心者なので、誰かが助けてくれると本当に感謝しています. これが私のコードです。

ユーザーは非常に大きな画像をアップロードできます。トリミングと表示の目的で、属性を追加widthして、ブラウザー ウィンドウにうまく収まるようにします。実際の画像サイズは、1920 x 1080 px などです。

実際の選択ボックスの寸法を計算するには(x座標が 20px の場合、元のフル HD 画像では 60px になります) 、属性を適用する前にフル イメージ サイズを取得する必要があります。width

問題は、幅属性を考慮して、これが値として 640 を返すことです。

私が求めているのは、単純な画像の幅/高さの取得 (実際には機能します) とは完全に異なるため、これを重複としてフラグ付けしないでください。

編集: Chris G. ソリューションが機能していないようです:

コンソール出力:

これについてコメントする前に、保守性のために別の CSS ファイルを用意する方がよいことを知っています。しかし、CSS や画像なしで Jcrop プラグインを使用する必要があります。すべてを 1 つのファイルに埋め込む必要がありcroppable.jsます。

問題は、 css がJcrop によってオンザフライで追加された要素に適用されないことです(いくつかdivsの.jcrop-vline、.jcrop-hlineおよびその他のクラス)。

私がしたこと: 元のjquery.Jcrop.cssファイルと、Jcrop.gif元の Jcrop パッケージ内でエンコードされた base64 を削除しました。結果croppable.jsは次のとおりです。

そして、これが私がそれを使用する方法です：

私はdnn 6を使用しています。ファイルdotnetnuke/js/dnn.jquery.jsがあるため、モジュールを作成し、このjqueryファイルと他のすべてのJCropファイルへの参照を追加しましたが、機能しません。
そのため、公式の JQuery.js を追加しましたが、dnn でいくつかのメソッドが見つかりません。
DotNetNuke で JCrop を使用したことがある人はいますか?

次のコードを使用してトリミングしています: http://www.mikesdotnetting.com/Article/95/Upload-and-Crop-Images-with-jQuery-JCrop-and-ASP.NET

最初の部分は問題なく動作します。ただし、実際のトリミングを行う前に、選択した四角形が表示されません。

スクリプトタグは次のとおりです。

次にトリミング部分です。画像の別の部分を正しい幅、高さで表示します。

トリミングするエリア

切り抜き面積

Heres私のjsコード

}

縦向きの写真をアップロードすると、アップロード後に横向きに表示されます。

私はアップロードを使用しており、jQuery Jcrop を使用して画像の単純なトリミングを行っています。

誰でも解決策を教えてもらえますか?

現在、画像アップロードのトリミングシーケンスを設定しています。

アプリケーションには強制された最小サイズが必要ですが、これによりJCropの動作が厄介になります。

• ドラッグせずにクリックしても何も生成されません。
• クリックして少しドラッグすると、最小の高さが即座に選択されます。

1つの潜在的な解決策は、上記の問題を解決します。

• インターフェイスがデフォルトの選択で開きます。
• 選択を解除することはできません。

JCropにはデフォルトの選択のための組み込み機能がありますが、選択解除を防ぐための組み込みの構成/動作をまだ特定していません。

これまでの試み-

私はこのルートを試しました

returnまた、これらの関数定義の冒頭で、（おそらく）選択解除を実行する関数を短絡するために、プラグインのソースをいくつかの場所で変更しようとしました。

doneSelect Selection.release Selection.done

...望ましい結果なし。

任意のヒント？