PDA

View Full Version : جلوگیری از نمایش محتوای scroller به صورت li های عمودی


bftarane
چهارشنبه 04 دی 1392, 14:10 عصر
سلام
لطفاً این لینک رو ببینید
http://logicbox.net/jquery/simplyscroll/
با رفرش شدن صفحه عکس ها به صورت عمودی به همراه یه بالت کنارشون دیده میشن و سپس درست سر جای خودشون نشون داده میشن

چطور میشه این مشکل رو برطرف کرد؟
من سعی کردم با استفاده از پلاگین preloader این مشکل رو برطرف کنم ولی موفق نشدم. (که در این لینک معرفی شده http://stackoverflow.com/questions/1430854/jquery-wait-for-page-to-finish-loading-before-starting-the-slideshow)
ممنون می شم راهنمایی کنید.
Javidhb
چهارشنبه 04 دی 1392, 18:54 عصر
تست نشدست:

احتمالا با css بتونید این کار رو انجام بدید...


<style>
.simply-scroll li{
display:inline;
list-style:none;
}
</style>


میتونید، عکسهایی که موقع لود زیر هم نشون داده میشن رو مخفی کنید:


.simply-scroll{
overflow-y:hidden;
}



... ویرایش ...

این لینک رو ببینید... (http://logicbox.net/jquery/simplyscroll/horizontal.html)
درست کار میکنه.
bftarane
چهارشنبه 04 دی 1392, 20:42 عصر
این لینک رو ببینید... (http://logicbox.net/jquery/simplyscroll/horizontal.html)
درست کار میکنه.
اون لینک درست کار نمیکنه الآن نگاه کردمش. احتمالاً سرعت اینترنت شما بالاست و متوجه نشدید ولی یه لحظه کوتاه همون اتفاقی که در بالا گفتم افتاد موقع لود.
کدهایی رو هم که پیشنهاد دادید تست کردم مشکل همچنان پابرجاست.
jalil_gh
چهارشنبه 04 دی 1392, 23:18 عصر
اگه به این صورت عمل کنید شاید درست بشه.


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#scroll {
list-style: none;
}

#scroll li {
display: inline-block;
}


</style>
<script>
$(function() {
$('#scroll').simplyscroll();
});
</script>
</head>

<body>

<ul id="scroll">
<li><img src="assets/20080608_9N3H5GYL_tb.jpg" width="290" height="200"></li>
<li><img src="assets/20080513_4D3SD1BQ_tb.jpg" width="290" height="200"></li>
<li><img src="assets/20080513_VPJWVQRW_tb.jpg" width="290" height="200"></li>
<li><img src="assets/20080514_B1YJ08B6_tb.jpg" width="290" height="200"></li>
<li><img src="assets/20080514_JYW68XPT_tb.jpg" width="290" height="200"></li>
<li><img src="assets/20080608_38CG51J2_tb.jpg" width="290" height="200"></li>
</ul>

</body>
</html>
bftarane
پنج شنبه 05 دی 1392, 08:30 صبح
نه اینم جواب نداد.
کسی می تونه راهنمایی کنه چه جوری یه preloader برای این scroller میشه ایجاد کرد یعنی تا عکسها لود نشدن یه عکس متحرک به جاش نشون داده بشه بعد که لود شدن خود عکسها نشون داده بشن.
bftarane
پنج شنبه 05 دی 1392, 10:05 صبح
سلام.
2 تا پست آخر لینکی که در پایین گذاشتم جواب می دن.
ولی هنوز متوجه نشدم ایراد کارم چی بوده.
دموی اون لینک هم که در پست اول گذاشتم همون مشکل رو داره ولی دیگه در لینک زیر روی این مسئله تأکید نکردم چون به هر حال دیگه مسئله حل شد. (حالا باید بیشتر بررسی کنم ببینم مشکل چی بوده)
http://forums.asp.net/p/1958422/5591388.aspx?p=True&t=635236209901368290&pagenum=1

ولی بازم اگه کسی بلده preloader رو با این scrolloer ادغام کنه لطفاً راهنمایی کنه.
bftarane
شنبه 07 دی 1392, 09:07 صبح
من در فوتر سایتم از ابزارهای اوقات شرعی، آب و هوا و ... استفاده کردم متوجه شدم اینا رو که بر می دارم مشکل حل میشه.
پس چاره همون preloader هست یا اینکه این ابزارها رو مستقیم در صفحه نزارم و بهشون لینک بدم.