%45 تخفیف، با کد Tabestan روی تمام آموزش ها، بمناسبت جشنواره تابستانه بیاموز ...!
زمان باقی مانده (آخرین فرصت ها)
سبد (0)

تبلیغات

آموزش ساخت اسلایدشو در W3.JS

شروع اسلاید شو

w3.slideshow(selector, interval (milliseconds))

مثال

<img class="nature" src="/img_fjords.jpg">
<img class="nature" src="/img_mountains.jpg">
<img class="nature" src="/img_nature.jpg">

<script>
w3.slideshow(".nature");
</script>
خودتان امتحان کنيد »

بدون شروع خودکار

برا ی جلوگیری ازشروع خودکار تصاویر در اسلاید شو، پارامتر interval را  0 تنظیم کنید:

مثال

w3.slideshow(".nature", 0);
خودتان امتحان کنيد »

 اسلاید بعدی

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

زمانی که شما یک اسلاید شو را شروع می کنید،تابع w3.slideshow یک object برای نمایش اسلایدشو  باز می گرداند.

var myShow = w3.slideshow("img", 0);

شی اسلاید شو دارای خاصیت ها و روش هایی  مانند () next  و() previous است.

مثال

<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
خودتان امتحان کنيد »

 اسلاید شو های بیشتر

 هر عنصر HTML را در اسلاید شو میتوان گنجاند.

انتخاب عناصر  با استفاده از انتخاب گر های css :

مثال

سر صفحه ها:

<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1 class="city">Tokyo</h1>

<script>
w3.slideshow(".city");
</script>
خودتان امتحان کنيد »
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی