jQuery replaceWith function flash

Question

私はjquery.replaceWith（）関数を使用します。これはうまく動作しますが、イメージ上で使用すると、フラッシュが作成されます。つまり、image-aをimage-bに置き換えるのですが、image-aが削除されてimage-bがロードされている間は何もありませんので、ボックスは0pxの高さで、1秒間すべてのレイアップを変更しますすべてをフラッシュしてください...

replaceWith（）をロードした後にイメージを置く方法は、瞬時に置き換えます。

あなたがあなたのイメージの寸法は常に同じなので、あなたが<img>タグにサイズを指定することができ、ここで http://mecanomedic.com/cms/

Answer 1

NextGenのギャラリー画像ブラウザの余興の問題を見てもらうことができます。

<img class="slideshow" src="/path/to/my/image001.jpg" width="267" height="200"> 

またはCSSと：

.slideshow { 
    height: 267px; 
    width: 267px; 
} 

これは、サイズを変更から要素を防ぐ必要があります新しい画像が読み込まれます。

また、あなたは単に、むしろ全体のDOMエントリを交換するよりも、<img>タグのsrcを変更することがあります。

$(currentimage).attr('src','/path/to/my/image002.jpg');