2012-03-13 8 views
0

私はAJAXを使用して、自分のページのdivのようないくつかのビジネスカードのデータを取得しています。 divには、画像用の単純なテキストと固定スペース(200x200px)が含まれています。もちろん、画像は主に小さく、デフォルトでは上に揃えられます。JQuery/AJAX nice(不可視)imgコンテナの縦方向の整列

.load()関数を使用して整列メソッドを試しましたが、すべての画像がロードされて後で配置されるため、動きが表示されます。私はロードされたイメージを隠して、それらを配置して後で表示してみましたが、イメージが '点滅'しているように見えるので、イメージが '点滅'しているように見えます...

コンテナの中心に複数のイメージを垂直に並べる方法はありますか?それは良いように見え、ユーザーは画像に何かが起こるのを見ることができませんか?

何か助けていただければ幸いです。私はウェブ上で良い解決策を見つけられません。

あまりにも画像が読み込まれる前に画像のサイズがわかっていないので、画像サイズを使用する通常の方法は動作しません(時にはフェードされる画像の数に応じて.height()が動作し、時には0 )。

編集:私は画像をdivの背景として設定する方法を見つけました。それは時々まだ点滅しますが、私は管理することができます。

+0

これまでに何をしましたか?どのようなコードを表示できますか? – Jasper

+0

私は私が何をしたのかすべて説明した。最近の試行(点滅しているもの)は、 '$( '.pic')と同じようなものでした。load(function(){ $(this).css(" margin-top "、(200 - $(this).height ))/ 2); $(this).show(); }); – Ziouas

+0

この場合、画像はdisplay:none;最初にプロパティ。 – Ziouas

答えて

0

私は画像をdivの背景として設定する解決策を見つけました。それは時々まだ点滅しますが、私は管理することができます。

0

は、この質問を参照してください:

$("<img/>").attr("src",something).load() not supported in IE < 9?

ロード機能は、画像のための非常に信頼性がありません。

+0

私の場合、それはうまくいきましたので(firefox)あまり役に立ちません。私が言ったように、それは醜い動き/点滅効果を与えただけです。それでも、キャッシュされていないたびにイメージが読み込まれるようにします。 – Ziouas