اسلایدبندی تصاویر پس زمینه سایت
دسته‌ها : گرافیک, وکتور سه شنبه, بهمن ۱۳, ۱۳۹۴ admin دیدگاه ها3

c_XL

با استفاده از کد اسکریپت backstretch، می توانید یک یا چند تصویر زمینه را آدرس دهی و سپس با تنظیم سرعت گردش و انتقال افکت، از پس زمینه هایی پویا و اسلایدی در وبسایت خود بهره ببرید. برای اینکه بهتر به نوع اجرای اسکریپت پی ببرید پیشنهاد می کنم که حتما” پیش نمایش رو ببینید

آموزش استفاده از اسکریپت:

۱- کدهای زیر را در انتهای قالب خودتون و قبل از تگ body قرار بدین

توجه: در سایت های وردپرسی این تک در فایل footer.php قرار دارد

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script>
    $.backstretch([
      "picture1.jpg",
      "picture2.jpg",
      "picture3.jpg"
      ], {
        fade: 750,
        duration: 4000
    });
</script>

۲-در کد بالا آدرس تصاویر خودتون رو به جای آدرس های پیش فرض قرار دهید (مثال : images/slider1.jpg )

۳- سرعت گردش و انتقال افکت را می توانید با تغییر اعداد ۷۵۰ و ۴۰۰۰ پیشفرض کد تغییر دهید

 

دانلود پیش نمایش

 

امیر رضائی وبسایت


عاشق طراحی وب و گرافیک هستم بیشتر اوقاتم در روز رو پای کامپیوتر به کد نویسی و طراحی سایت و تولید محتوا برای این سایت می کنم.وردپرس رو خیلی دوست دارم چندین بار هم سعی کردم با مدیریت های دیگه هم کار کنم ولی باز هم وردپرس رو ترجیح دادم.

مطالب مشابه با این موضوع

بالا رفتن