سؤال

لدي مجموعة من الصور المصغرة التي أقوم بتحميلها بأسلوب visibility: hidden; حتى يحافظوا جميعا على تخطيطاتهم الصحيحة. بمجرد تحميل الصفحة بالكامل، لدي وظيفة مسج تتلاشى في. هذا عملت عندما تم تعيين أسلوبهم على display: none; ولكن من الواضح أن تخطيط ثمل آنذاك. أي اقتراحات؟

هيريس خط Fade:

$('.littleme').fadeIn('slow');
هل كانت مفيدة؟

المحلول

أضف بعض المكالمات إلى السلسلة مثل هذا:

 $('.littleme').css('visibility','visible').hide().fadeIn('slow');

هذا سيغيره إلى display:none لمدة 1 إطار قبل يتلاشى، احتلال المنطقة مرة أخرى.

نصائح أخرى

حاول استخدام العتامة و animate():

$('.littleme').css('opacity',0).animate({opacity:1}, 1000);

<span style="opacity:0;">I'm Hidden</span>

ليعرض : $('span').fadeTo(1000,1)

لإخفاء : $('span').fadeTo(1000,0)

يتم الحفاظ على المساحة في تخطيط الدوم

http://jsfiddle.net/vzwq6/

غير قادر على استخدام Fadeto (المدة، القيمة) بدلا من ذلك؟ بالتأكيد بهذه الطريقة يمكنك أن تتلاشى إلى 0 و 1، بهذه الطريقة التي لا تؤثر على تدفق المستند ...

حاول مطابقة العنصر الخفي؟

$ (". littleme: مخفي"). Fadein ()؛

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top