• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
عدم نمایش div تا بارگذاری کامل img
#1
سلام

آقاجان چیکار کنیم تا یه image بصورت کامل لود نشده محصتویات div اون کار نکنه و بعد از بارگذاری کامل img بیاد رویداد jquery show اجرا بشه؟

الان اومدم display رو none کردم، بعد از تگ اتمام div اومدم رویداد jquery show گذاشتم، ولی میآد هنوز تصویر نصفه لود شده، div رو show میکنه Sad
هر که با مرغ هوا دوست شود - خوابش آرامترین خواب جهان خواهد بود.
  پاسخ
تشکر شده توسط :
#2
کد:
http://stackoverflow.com/questions/544993/official-way-to-ask-jquery-wait-for-all-images-to-load-before-executing-somethin
همه جوره اش رو داریم ظاهرن
  پاسخ
تشکر شده توسط : hamid_80386 Reza
#3
پس میشه یه همچین چیزی:
کد:
<img id="loading" src="http://www.keter.com/files/images/global/themes/2AC7D0/product__showcase__loading_animation.gif" />
<div id="test" style="display:none" >

    <img id="t1" src="http://girlsinwhitedresses.files.wordpress.com/2012/02/adele-21.jpg" />
</div>
<script type="text/javascript" src="http://forum.iranphp.org/jscripts/jquery-1.7.2.min.js?ver=1607"></script>

<script language="javascript" >
    $("#t1").load(function() {
        $("#loading").fadeOut(500);
        $("#test").delay(550).fadeIn(500);
        
    });
</script>
هر که با مرغ هوا دوست شود - خوابش آرامترین خواب جهان خواهد بود.
  پاسخ
تشکر شده توسط :
#4
سلام
چنتا پلاگین خوب جی کوئری برای image loading هست که میتونی ازشون ایده بگیری یه سرچی بکن ،

http://jqueryfordesigners.com/image-loading/
http://www.appelsiini.net/projects/lazyload

اینم راه سادشه دیگه :

کد پی‌اچ‌پی:
<img src="image.jpg" />
<
div>displayed after the image is loaded</div

کد پی‌اچ‌پی:
<script>
    $(
'img').load(function() {
        $(
'div').show();
    });
</
script

موفق باشی
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان