Owl Carousel2 ( Slider ) Kullanımı
SanalData’yı Google’da tercih edilen kaynak olarak ekleyin
Harun Kılıçlar
· 1 dk okuma
· 7 okunma
Merhabalar,
OwlCarousel slider kullanımı için öncelikle aşağıdaki js ve css kütüphanelerini siteye ekliyoruz.
|
1 2 3 4 |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> |
Kullanım Yapısı ( Html Tarafı )
|
1 2 3 4 5 6 7 8 9 |
<div class="owl-carousel"> <div> Your Content </div> <div> Your Content </div> <div> Your Content </div> <div> Your Content </div> <div> Your Content </div> <div> Your Content </div> <div> Your Content </div> </div> |
Jquery Tarafı
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<script> $(document).ready(function () { var genislik = screen.width; if (genislik > 760) { $(".owl-carousel").owlCarousel({ items: 6, loop: true, margin: 10, autoplay: true, autoplayTimeout: 2000, autoplayHoverPause: true, }); } else { $(".owl-carousel").owlCarousel({ items: 2, loop: true, margin: 10, autoplay: true, autoplayTimeout: 2000, autoplayHoverPause: true, }); } }); </script> |
Hepsi bu kadar 🙂 Bol sorgulu günler geçirmeniz dileğiyle.
Günün zaman çizelgesi
Haber eklenme saatine göre sıralanır.
- Bugün
- Apple’ın metin bildirimli akıllı ev kamerası iddiası
- Apple, iPhone Duo için yeni Shot on iPhone kampanyasını başlattı
- Apple, Brüksel’de teknoloji lobisinin en aktif şirketlerinden
- Apple gündeminde iPhone Duo, AirPods 5 ve mesajla sipariş
- Armadin, yapay zekâ güvenliği için 255,5 milyon dolar topladı
- Lyft, sürücü sınıflandırması davasında 272,5 milyon dolar ödeyecek
- GrayKey, iPhone’un 72 saatlik güvenlik kilidini aşabilir
- Grok’un Maduro operasyonunu Trump’a önerdiği iddia edildi
- GTA 6’nın hava sistemi yerel yağış ve kasırgalar sunacak
- Apple Arcade kataloğuna beş yeni oyun eklendi
- Dün
- Audible, yapay zekâ destekli interaktif hikâyeleri duyurdu
- Kena: Scars of Kosmora’nın çıkışı 2027’ye ertelendi
- Google Gemini Live, küçük yazıları okuyabilecek
- Android Central ekibi işten çıkarıldı, yayınlar sürecek
Yazar
Harun Kılıçlar
Harun, yazılım geliştirme, web teknolojileri, mobil uygulamalar, veritabanı sistemleri ve yapay zekâ üzerine çalışan bir teknoloji editörüdür. SanalData’nın kurucusu olarak yazılım, yapay zekâ, mobil teknolojiler ve teknoloji sektöründeki gelişmeleri izler ve değerlendirir.