خرید هاست ارزان ایران / آلمان

متنوع ترین سرویس های هاستینگ با CPANEL افزودن دامنه - ایمیل - mysql نامحدود پرداخت بصورت ماهانه / سه ماهه / شش ماهه / سالانه SSL رایگان حتی برای دامنه های IR راه اندازی آنی پشتیبانی 24 ساعته ، یکماه ضمانت بازگشت وجه امکان استفاده از شتابدهنده و پکیج تضمین امنیت وردپرس مشاوره آنلاین روی سایت | 02154109999 | talashnet.com

فرتاک سرور

فرتاک سرور هاست ایران و آلمان شروع قیمت از 37 هزار تومان سرور مجازی شروع از 300 هزار تومان ایران و آلمان و فنلاند و آمریکا پشتیبانی 24 ساعته تحویل فوری | قیمت رقابتی fartakserver.com .

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

دریافت نرخ از هر منبعی بدون هزینه API ارائه خدمات وب سرویس API قیمت لحظه ای طلا، سکه، ارز و... ارائه وب سایت های کامل و آماده فروشگاهی طلا و جواهر قالب های فروشگاهی طلا و جواهر وردپرس خدمات سئو، امنیت و پشتیبانی فروشگاه های طلا و جواهر طراحی تخصصی و حرفه ای انواع پلاگین های وردپرسی ضمانت بازگشت وجه یک ماهه در صورت هرگونه نقص و ایراد فنی وب سایت: Ratesbox.ir

دانلود اسلایدر لمسی و ریسپانسیو Owl Carousel

Owl Carousel نام اسلایدر لمسی و فول ریسپانسیو (واکنش گرا) می باشد که شما با استفاده از این اسلاید شو می توانید در سایت خود تصاویر خود را بصورت اسلایدر به کاربران خود نمایش دهید. جهت مشاهده پیش نمایش ، آموزش استفاده و دانلود اسلایدشو با ما باشید.

آموزش استفاده از Owl Carousel :

ابتدا فایل های زیر را در فایل هدر خود قبل از کد </head> فراخوانی کنید.

    <link href="assets/css/bootstrapTheme.css" rel="stylesheet" />
    <link href="assets/css/custom.css" rel="stylesheet" />
    <link href="owl-carousel/owl.carousel.css" rel="stylesheet" />
    <link href="owl-carousel/owl.theme.css" rel="stylesheet" />
    <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
    <script src="assets/js/bootstrap-collapse.js"></script>
    <script src="assets/js/bootstrap-transition.js"></script>
    <script src="assets/js/bootstrap-tab.js"></script>
    <script src="assets/js/google-code-prettify/prettify.js"></script>
    <script src="assets/js/application.js"></script>
    <script src="assets/js/jquery-1.9.1.min.js"></script>
    <script src="owl-carousel/owl.carousel.js"></script>
<style>

#owl-demo .item img{
        display: block;
        width: 100%;
        height: auto;
}
</style>
<script>
    $(document).ready(function() {
      $("#owl-demo").owlCarousel({
      navigation : true,
      slideSpeed : 300,
      paginationSpeed : 400,
      items : 1,
      itemsDesktop : false,
      itemsDesktopSmall : false,
      itemsTablet: false,
      itemsMobile : false
      });
    });
</script>

سپس در هر جایی از قالب خود که میخواهید کد های زیر رو جهت نمایش اسلایدشو درج کنید.

      <div id="demo">
        <div class="container">
          <div class="row">
            <div class="span12">
              <div id="owl-demo" class="owl-carousel">
 
                <div class="item"><img src="assets/fullimage1.jpg" alt="The Last of us"></div>
                <div class="item"><img src="assets/fullimage2.jpg" alt="GTA V"></div>
                <div class="item"><img src="assets/fullimage3.jpg" alt="Mirror Edge"></div>
 
              </div>
            </div>
          </div>
        </div>
    </div>

موفق باشید.

این محتوا چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.