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

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

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

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

امتیاز دهید