jQuery OWL CAROUSEL RESPONSIVE SLIDER Kurulum ve Detaylı Kullanım

Поделиться
HTML-код
  • Опубликовано: 22 дек 2024

Комментарии • 32

  • @safagayret
    @safagayret 4 года назад +3

    Muazzam bir anlatım olmuş, hiç kod bilmeyen biri bile bu videoyu izleyerek slider yapabilir. Teşekkür ederim video için.

    • @ekinyalgintr
      @ekinyalgintr  4 года назад +1

      Teşekkürler. Beğenmenize sevindim.🙂👍

  • @mustafaonur1342
    @mustafaonur1342 4 года назад +1

    Geçen ay mesaj atmıştım tekrar lazım oldu tekrar geldim bir yeri kaçırmamak adına. Cansın reis

    • @ekinyalgintr
      @ekinyalgintr  4 года назад

      Süper :) Teşekkürler.

    • @mustafaonur1342
      @mustafaonur1342 4 года назад

      @@ekinyalgintr üstat ayarladım lakin bir sıkıntı var çözemedim. Ekrana 4 tane resim koydum ve width 100% verdim arkaplana. Ekranda 4 resim var ya , tek tek sağa doğru kaydırırken bazı resimlerde sadece en soldakilerde oluyor 1px boşluk oluyor ve bu 1px boşluk bir önceki resimin 1pxlik kısmını gösteriyor. Hepsinde yok bazılarında var. Bu sorunla karşılaştın mı hiç

  • @Servetcan
    @Servetcan Год назад

    Faydalı eğitim, teşekkürler

  • @mathayusbelmont1353
    @mathayusbelmont1353 4 года назад +2

    Super.Təşəkkür edirəm hocam.

  • @mustafaonur1342
    @mustafaonur1342 4 года назад +1

    Ağzınıza sağlık. Şu videoyu para verseniz izleyemezsiniz, ücretsiz sunulmuş.

  • @aykutyldz9157
    @aykutyldz9157 4 года назад

    Çok teşekkür ederim :) Elinize sağlık.

  • @gulsummaslak9753
    @gulsummaslak9753 3 года назад

    görsellerin üzerine hover vermek istiyorum istediğim gibi olmuyor. göesel üzerine logo koymak istiyorum fare üzerine gelince kaybolsun istiyorum

  • @ayhancalskan134
    @ayhancalskan134 4 года назад

    Anlatım için teşekkürler. Merak ettiğim hususlar var.
    1) Noktaların yerine rakam koymak mümkünse bunu nasıl yapabiliriz.
    2) Noktalara tıklayınca değil de, üstüne gelince resmin açılmasını nasıl sağlayabiliriz.

  • @mavim862
    @mavim862 4 года назад

    Merhaba. Noktanın üzerine tıklamadan, üzerine gelince slider nasıl değişir? Teşekkürler.

  • @bilalekmen9982
    @bilalekmen9982 3 года назад

    hocam ağzınıza sağlık çok güzel anlatmışşsınız. Şimdi ben bir şablon yaptım sadece js ile olur sanmıştım ama bunu eklemek gerekiyormuş,
    oklara basınca scroll un ilerlemesini nasıl sağlayacağız aceba?
    kod;
    slider
    .pop{
    border: .1px solid rgb(187, 185, 185);
    margin: 0 auto;
    width: 1000px;
    height: 230px;
    padding-left: 30px;
    background-color: rgb(250, 250, 250);
    border-radius: 40px;
    overflow-x: scroll;
    box-shadow:1px 1px 50px 1px rgb(180, 179, 179) ;
    }
    .pop h3{
    color: black;
    margin: 5px 0 10px 60px;
    position: absolute;
    }
    .urun{
    border: 1px solid rgb(138, 137, 137);
    width: 130px;
    height: 160px;
    padding: 5px 0 5px 15px;
    float: left;
    background-color: white;
    border-radius: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    transition: all .3s;
    }
    .urun:hover{
    cursor: pointer;
    box-shadow: 1px 1px 15px 1px rgb(158, 158, 158);
    }
    #yeni{
    color: rgb(221, 144, 0);
    margin-left: 20px;
    font-size: 20px;
    }
    #eski{
    color: rgb(182, 182, 182);
    font-size: 13px;

    }
    #urunalanı{
    width: 1250px;
    height: 160px;
    margin-top: 40px;
    }
    .left{
    transition: all .3s;
    color: rgb(80, 79, 79);
    background-color: rgb(214, 213, 213);
    height: 45px;
    width: 45px;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    position: absolute;
    margin-left: -55px;
    margin-top: 90px;
    }
    .left:hover{
    color: rgb(240, 238, 238);
    cursor: pointer;
    }
    .right{
    transition: all .3s;
    color: rgb(80, 79, 79);
    background-color: rgb(214, 213, 213);
    height: 45px;
    width: 45px;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    position: absolute;
    margin-left: 945px;
    margin-top: 90px;
    }
    .right:hover{
    color: rgb(240, 238, 238);
    cursor: pointer;
    }



    Popüler Ürünler



    ürün adı
    99.99 59.99



    ürün adı
    99.99 59.99



    ürün adı
    99.99 59.99



    ürün adı
    99.99 59.99



    ürün adı
    99.99 59.99



    ürün adı
    99.99 59.99



    ürün adı
    99.99 59.99



    ürün adı
    99.99 59.99

  • @ibrahimkarabulut8142
    @ibrahimkarabulut8142 5 лет назад +1

    bu slider'in altındaki noktaları kaldırıp sağ ve sol okları nasıl sliderin sağına ve soluna yerleştirebilirim ? (not: video için çok saolun)

  • @burhankaraman
    @burhankaraman 4 года назад

    güzel video. elinize sağlık

  • @keremunce1972
    @keremunce1972 3 года назад

    kral eyw KRALSIN

  • @berkdoguskosan1797
    @berkdoguskosan1797 4 года назад

    Elinize sağlık

  • @ceyranrhimova4675
    @ceyranrhimova4675 4 года назад

    Tesekkurler video icin. Ama ben div-e "owl-carousel" class-i verdigim zaman onun icindeki imajlari gostermiyor. Class -i sildigim zamansa gozukuyo. Sizce sorun ne olabilir? Adim-adim yaptim herseyi. Yardim ederseniz sevinirim. Tesekkurler))

    • @ekinyalgintr
      @ekinyalgintr  4 года назад

      Sitesinden örnek kodlar üzerinden çalışmayı deneyebilirsiniz. Analiz için kodları görmek gerekli. En iyisi sitedeki kodlar üzerinden gitmek.

    • @ceyranrhimova4675
      @ceyranrhimova4675 4 года назад

      @@ekinyalgintr en basindan birdaha denedim ve oldu. Cok tesekkur ederim

  • @efendisizantepli4862
    @efendisizantepli4862 3 года назад

    Hocam kolay gelsin. Tüm eğitimlerinizi sıkılmadan izleyerek hızlıca wp tema oluşturabiliyorum :) Owl Carousel tasarımını ben anasayfada son yazılara tasarlamak istiyorum. WP ye nasıl ekleyebilirim bunu ?

    • @ekinyalgintr
      @ekinyalgintr  3 года назад

      Eğer Wordpress'te son içerikleri listelemeyi yapabiliyorsanız, onları kodlardan Owl Carousel'e entegre edeceksiniz sadece.

  • @ozanzeytunlu
    @ozanzeytunlu 5 лет назад

    Teşekkür ederim :)

  • @cinpic
    @cinpic 2 года назад

    Şimdide resimleri aldım ama alt alta oldu

  • @cinpic
    @cinpic 2 года назад

    Bi ben mi resimleri getiremedim ya

  • @gulsummaslak9753
    @gulsummaslak9753 3 года назад

    mobil uyumlu oluyor mu

    • @ekinyalgintr
      @ekinyalgintr  3 года назад +1

      Evet, CSS bilginiz varsa sorunsuz üstesinden gelebilirsiniz.

    • @gulsummaslak9753
      @gulsummaslak9753 3 года назад

      @@ekinyalgintr css bilgim var. head içine yazdığim css yollarını kaldırmam gerekmiyor mu. kaldırdım ekranda hiç birşey görunmuyor.

    • @gulsummaslak9753
      @gulsummaslak9753 3 года назад

      @@ekinyalgintr okların yerini değiştirmek istiyorum nasıl olucak

  • @user-tp1im
    @user-tp1im 3 года назад

    əlinə sağlıq

  • @cannmisitooo564
    @cannmisitooo564 5 лет назад

    abi bunun turkcesini ceksnee
    ruclips.net/video/-rFcOVYFV-w/видео.html
    rica ediyorum