• 28-09-2019, 17:29:24
    #1
    Merhabalar geliştirdiğim scripte owl ile slider ekledim. Altta iki buton geldi onu da ayarladım fakat oranın html'ini bulamıyorum. Kodu internetten kopyaladım kodlar arasında bu kelimele yok fakat localhostten inceleme yapınca kodlar geldi ?
    Türkçe yapmam gerekiyor
    http://prntscr.com/pc5ii2
    teşekkürler.
  • 28-09-2019, 17:35:13
    #2
    Misafir
    Misafir adlı üyeden alıntı: mesajı görüntüle
    Merhabalar geliştirdiğim scripte owl ile slider ekledim. Altta iki buton geldi onu da ayarladım fakat oranın html'ini bulamıyorum. Kodu internetten kopyaladım kodlar arasında bu kelimele yok fakat localhostten inceleme yapınca kodlar geldi ?
    Türkçe yapmam gerekiyor
    http://prntscr.com/pc5ii2
    teşekkürler.
    $("#owl-example").owlCarousel({
       navigation: true,
       navigationText: ["<img src='myprevimage.png'>","<img src='mynextimage.png'>"]
    });
    Buradaki text alanını değiştirmen gerekiyor tabi kullandığın sürümde "navigationText" kısmı "navText" gibi bir şeyde olabilir dökümantasyonunu inceleyebilirsin
  • 28-09-2019, 17:35:38
    #3
    $(".owl-carousel").owlCarousel({
    items: 1,
    autoplay: true,
    navigation: true,
    navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"]
    });
  • 28-09-2019, 17:35:46
    #4
    Javascript dosyası içinde eklenmiştir. Dosya içinde düzenleyebilirsiniz.
  • 28-09-2019, 17:39:38
    #5
    Misafir adlı üyeden alıntı: mesajı görüntüle
    $("#owl-example").owlCarousel({
       navigation: true,
       navigationText: ["<img src='myprevimage.png'>","<img src='mynextimage.png'>"]
    });
    Buradaki text alanını değiştirmen gerekiyor tabi kullandığın sürümde "navigationText" kısmı "navText" gibi bir şeyde olabilir dökümantasyonunu inceleyebilirsin
    Maybell adlı üyeden alıntı: mesajı görüntüle
    $(".owl-carousel").owlCarousel({
    items: 1,
    autoplay: true,
    navigation: true,
    navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"]
    });
    yok hocam olmadı ikiside.



        <script>
            $(document).ready(function () {
    
                $("#oswl-demo").owlCarousel({
    
                    navigation: true, // Show next and prev buttons
                    slideSpeed: 300,
                    paginationSpeed: 400,
                    singleItem: true
    
                    // "singleItem:true" is a shortcut for:
                    // items : 1, 
                    // itemsDesktop : false,
                    // itemsDesktopSmall : false,
                    // itemsTablet: false,
                    // itemsMobile : false
    
                });
    
            });
        </script>
    Bu da benim kod
  • 28-09-2019, 18:08:48
    #6
    Hocam sizde #oswl-demo olarak geçiyor. O şekilde değiştirmeniz gerek baştaki kodu. Onun dışında owl versiyonunuz eski olabilir.
  • 28-09-2019, 18:11:06
    #7
    Onur89TR adlı üyeden alıntı: mesajı görüntüle
    Hocam sizde #oswl-demo olarak geçiyor. O şekilde değiştirmeniz gerek baştaki kodu. Onun dışında owl versiyonunuz eski olabilir.
    ben iki tane owl kullandım çakışmaması için o şekilde yaptım
  • 28-09-2019, 18:12:40
    #8
    Hocam yeni owl Carousellerde prev next kısmı yerine oklar var. Özelden PM gönderiyorum örneği.
  • 28-09-2019, 18:14:16
    #9
    slick js kullanıp kendiniz özel prev, next yapabilirsiniz.