اسلایدبندی تصاویر پس زمینه سایت
دسته‌ها : کد های کاربردی , گرافیک ۲۷ تیر ۱۳۹۵ - ۱۵:۴۱ امیر رضائی بدون نظر
خانه کد های کاربردیگرافیک اسلایدبندی تصاویر پس زمینه سایت

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 )

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

 

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

 

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


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

بهترین و راحت ترین راه برای ارتباط با شما کانال تلگرام بلاگ تم

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

newslatter

با اشتراک در خبرنامه از آخرین آموزش ها و خدمات مطلع شوید !

از عضویت شما در خبرنامه بلاگ تم متشکریم!

ارتباط با ما
Email: info@blog-theme.ir
Adress: IRAN

پیوند ها

best web design software