/
  • عدم نمایش div تا بارگذاری کامل img

  • ارسال پاسخ   امتیاز موضوع:
    • 0 رأی - میانگین امیتازات: 0
    • 1
    • 2
    • 3
    • 4
    • 5

    حالت موضوعی | حالت خطی عدم نمایش div تا بارگذاری کامل img
    نویسنده پیام
    hamid_80386 آفلاین
    حمید عباسی
    ***

    ارسال‌ها: 1,479
    تاریخ عضویت: ۱۳۹۰ بهمن ۱۶
    اعتبار: 62
    تشکرها : 1216
    ( 1253 تشکر در 748 ارسال )
    ارسال: #1
    عدم نمایش div تا بارگذاری کامل img
    سلام

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

    الان اومدم display رو none کردم، بعد از تگ اتمام div اومدم رویداد jquery show گذاشتم، ولی میآد هنوز تصویر نصفه لود شده، div رو show میکنه Sad
    __________________________________________________________________________
    هر که با مرغ هوا دوست شود - خوابش آرامترین خواب جهان خواهد بود.
    ۱۳۹۱ شهريور ۲۱ ۰۸:۰۱ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    molana آفلاین
    چالیست - chalist
    *******

    ارسال‌ها: 1,764
    تاریخ عضویت: ۱۳۸۷ آذر ۳۰
    اعتبار: 60
    تشکرها : 1644
    ( 1550 تشکر در 1015 ارسال )
    ارسال: #2
    RE: عدم نمایش div تا بارگذاری کامل img
    کد:
    http://stackoverflow.com/questions/544993/official-way-to-ask-jquery-wait-for-all-images-to-load-before-executing-somethin
    __________________________________________________________________________
    همه جوره اش رو داریم ظاهرن
    ۱۳۹۱ شهريور ۲۱ ۰۸:۰۶ عصر
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط : hamid_80386 Reza
    hamid_80386 آفلاین
    حمید عباسی
    ***

    ارسال‌ها: 1,479
    تاریخ عضویت: ۱۳۹۰ بهمن ۱۶
    اعتبار: 62
    تشکرها : 1216
    ( 1253 تشکر در 748 ارسال )
    ارسال: #3
    RE: عدم نمایش div تا بارگذاری کامل img
    پس میشه یه همچین چیزی:
    کد:
    <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>
    __________________________________________________________________________
    هر که با مرغ هوا دوست شود - خوابش آرامترین خواب جهان خواهد بود.
    ۱۳۹۱ شهريور ۲۱ ۰۸:۵۶ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    ali786 آفلاین
    I'm learning to coding
    ***

    ارسال‌ها: 212
    تاریخ عضویت: ۱۳۹۰ بهمن ۷
    اعتبار: 10
    تشکرها : 771
    ( 161 تشکر در 104 ارسال )
    ارسال: #4
    RE: عدم نمایش div تا بارگذاری کامل img
    سلام
    چنتا پلاگین خوب جی کوئری برای image loading هست که میتونی ازشون ایده بگیری یه سرچی بکن ،

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

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

    کد PHP:
    <img src="image.jpg" />
    <
    div>displayed after the image is loaded</div

    کد PHP:
    <script>
        $(
    'img').load(function() {
            $(
    'div').show();
        });
    </script> 

    موفق باشی
    ۱۳۹۱ شهريور ۲۳ ۰۲:۲۳ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    « قدیمی تر | تازه‌ تر »

    ارسال پاسخ
    پرش به انجمن:


    کاربرانِ درحال بازدید از این موضوع: 1 مهمان
    IranPHP.org | تماس با ما | بازگشت به بالا | بازگشت به محتوا | بایگانی | پیوند سایتی RSS