مشکل فراخوانی اسلایدر

[ahadto 806]

با سلام

من می خواستم توی صفحه اصلی، توی رزولیشن های متفاوت، اسلایدرهای متفاوت فعال بشن

به طور مثل در رزولیشن 950 اسلایدر اول با این کد فعال بشه:

<?php putRevSlider("test","homepage") ?>

و توی رزولیشن 600 این اسلایدر دوم با این کد فعال بشه:

<?php putRevSlider("test222222","homepage") ?>

آیا میشه اینجور کاری کرد؟ به علاوه اینکه چون اسلایدرها سنگین هستند، با همدیگه لود نشن، یعنی اگه رزولیشن مثلا 950 بود فقط اسلایدر اول لود بشه و اگه 600 بود فقط اسلایدر دوم

[Morteza 34190]

یک راه این هست که عرض کار رو در جی کوئری بگیرید و بنا به محدوده اون بیاید و یکی رو مخفی و اون یکی رو نمایش بدید

میشه با مدیا کوئری هم همین کار رو انجام بدید.

ولی تو اینحالت ها باهم لود میشن.

[ahadto 806]

استفاده از این کدها باعث سنگین شدن قالب نمیشه؟ ضمنا قالب من طرح ریسپانسیو هست و وقتی رزولیشن کم میشه خودش اتوماتیک بعضی چیزها رو مخفی می کنه و یا یه جور دیگه با رزولیشن جدید جورش می کنه، آیا نمیشه این کد اسلایدر رو با کدهای قالب تلفیق کرد که جزئی از قالب بشه، یعنی همونجور که بخشی از هدر و بعضی جاهای دیگه قالب به خاطر ریسپانسیو مخفی میشه، این اسلایدر هم توی یه رزولیشن خاص مخفی بشه و اون یکی ظاهر بشه

[Morteza 34190]

توی واکنشگراها هم همین متدهاست.

ببینید چه متدی هست و توی همون اسلایدرها رو نمایش بدید / مخفی کنید

[ahadto 806]

خب از کجا باید بفهمم؟ آدرس من اینه:

http://mobser.ir/

کار کردن باهاشون ساده است؟ من که از برنامه نویسی سردرنمیارم!

[mohamadreza 45]

با سلام

من می خواستم توی صفحه اصلی، توی رزولیشن های متفاوت، اسلایدرهای متفاوت فعال بشن

به طور مثل در رزولیشن 950 اسلایدر اول با این کد فعال بشه:

<?php putRevSlider("test","homepage") ?>

و توی رزولیشن 600 این اسلایدر دوم با این کد فعال بشه:

<?php putRevSlider("test222222","homepage") ?>

آیا میشه اینجور کاری کرد؟ به علاوه اینکه چون اسلایدرها سنگین هستند، با همدیگه لود نشن، یعنی اگه رزولیشن مثلا 950 بود فقط اسلایدر اول لود بشه و اگه 600 بود فقط اسلایدر دوم

این عمل در واقع یک عمل واکنشگرا هست که میتونی با css3 هم انجامش بدی!

اول از همه فایل CSS3-Mediaqueries.js رو از اینجا دانلود کنید! و به صفحتون پیوست کنید

برای اینکه مرورگر IE هم از این کار پشتیبانی کنه دستور شرطی (هک مرورگر) استفاده میکنیم!

<!–[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]–>

حالا یه فایل استایل به نامه slideshow یا slideshow_responsive درست کن به صفحه پیوستش کن و تنظیمات رو مثل زیر تو استایل جدیدت وارد کن!

[css]
@media screen and (max-width: 950px) {
استایل مورد نظر برای سایز اسلاید شو توی رزولوشن 950 رو وارد کن
}

@media screen and (max-width: 600px) {
استایل مورد نظر برای سایز اسلاید شو توی رزولوشن 600 رو وارد کن
}


[/css]

و به همین صورت میتونی اجزای وبت رو با رزولوشن های مختلف ست کنی!

موفق باشی!

[ahadto 806]

خیلی ممنون، آیا توی این حالت اسلایدرها با همیدگه لود میشن؟ این کدهایی که گفتید آیا حجم زیادی دارند و باعث سنگین شدن صفحه میشند یا نه؟

[Parsa 23463]

بله اسلایدر با همدیگر لود میشوند

فقط یکی نمایش داده نمیشود