امروز پنج شنبه , ۲۸ تیر , ۱۳۹۷ شما در فامو هستید.

فروشگاه قالب فامو

آرشیو فروشگاه
فروش قالب موزیک و فیلم وردپرس رسانه

فروش قالب موزیک و فیلم وردپرس رسانه

قیمت : 49 هزار تومان

امکانات قالب : واکنش گرا ، ولید شده ، پنل مدیریت

موضوع قالب : موزیک و فیلم

فروش قالب فروش فایل edd وردپرس ساتش

فروش قالب فروش فایل edd وردپرس ساتش

قیمت : 59 هزار تومان

امکانات قالب : واکنش گرا ، ولید شده ، پنل مدیریت

موضوع قالب : فروش فایل دیجیتال

فروشگاه دامنه فامو

آرشیو

آخرین اخبار فامو

آرشیو
154 ارسال کرده است.

سکوتم نشانه ای بود و نشانه اش فامو است.


شما هم نویسنده فامو شوید.

با انتشار مطالب خود در رابطه با موضوع خاص مورد نظر در گسترش فامو شریک باشید!

 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>

موفق باشید.

هاست و دامنه ندارید!
هم اکنون هاست و دامنه بخرید...

پسورد فايل :www.famo.ir
کپي بردای از مطالب فامو با ذکر منبع فامو مانعی ندارد.
لطفا مشکلات خودرا در نظرات مطلب مطرح کنيد.

پیش نمایش آنلاین

فرمت : zip

حجم : 590 کیلوبایت

منبع : فامو

چقدر به این مطلب علاقه داشتید؟

اشتراک گذاری در شبکه های اجتماعی

مطالب مشابه