راهنمای استفاده
محتوای داینامیک یا نمایش به صورت اسلایدی امروزه کاربردهای زیادی در صفحات وی دارد و در قسمت های مختلف سایت از این ابزار مناسب و کاربردی استفاده می شود. در اینجا اسکریپت نسبتا" ساده ای از محتوای داینامیک را آورده ایم. این کد سه فایل ضمیمه دارد که می بایست ابتدا آنها را دانلود نمایید. این سه فایل عبارتند از یک فایل js, یک فایل CSS و آیکن لودینگ (Loading). مطابق کد نمونه در قسمت head فایل های CSS و js را فرا خوانی نمایید. کد نمونه 1 یا 2 (کد پیشنهادی: نمونه 2) را کپی و در بخش مورد نظر از صفحه قرار دهید. با استفاده از فایل CSS ساختار گرافیکی را مطابق سلیقه خود می توانید اصلاح نمایید. با استفاده از قسمت هایی که در کد به صورت پررنگ نمایش داده شده است سرعت تغییر فریم و افکت و تنظیمات کنترلی را می توانید تغییر دهید. در صورت افزایش تعداد فریم ها، بخشی از کد را که با رنگ آبی مشخص شده به تعداد دلخواه اضافه نمایید، با افزایش هر فریم شماره مربوطه به صورت خودکار اضافه می شود. به جای محتوای شماره 1، 2 و 3 محتوای مورد نظر خود را جایگزین نمایید. تگ <a> که با رنگ قرمز مشخص شده است یک لینک میانبر به فریم مورد نظر شما می باشد. در فایل js آدرس آیکن لودینگ را در صورت نیاز اصلاح نمایید.
توجه: هر دو نمونه 1 و 2 یکسان بوده و تنها در چیدمان و شکل لینک های کنترلی تفاوت دارند.
در اسکریپت نمونه 2 به جای لینک متنی، از تصویر نیز می توانید استفاده نمایید. (بخش سبز رنگ)
آخرین ارسال های انجمن
عنوان | پاسخ | بازدید | توسط |
![]() |
0 | 1701 | admin |
![]() |
0 | 1909 | artiman |
![]() |
3 | 4524 | gay15 |
![]() |
0 | 1474 | 1380 |
![]() |
0 | 1678 | 1380 |
![]() |
0 | 1276 | 1380 |
![]() |
0 | 2048 | 1380 |
![]() |
0 | 1809 | 1380 |
![]() |
0 | 1582 | 1380 |
![]() |
1 | 1789 | 1380 |