Owl Carousel Thumbs Problemi

31.12.2017 22:40

halilyc labters.com Kullanıcı

Üyelik 14.12.2013
Yaş/Cinsiyet 31 / E
Meslek Web & Grafik ve iOS
Konum İstanbul Anadolu

Ad Soyad H** Y**
Mesajlar 837
Beğeniler 441 / 190
Ticaret 6, (%100)

Merhabalar arkadaşlar, temamın galeri sayfası üzerinde uğraşıyorum ve foto galerisini owl carousel kullanarak yapıyorum. Bjk.com.tr foto galerisi gibi yapmaya çalışıyorum bir tek sıkıntım kaldı o konuda vakit kaybetmemek için sizlerden destek almak istedim :) Owl carousel thumbs alanını aktif edip resimlerin hemin altında gösteriyorum aynı bjk.com.tr deki gibi, az resim olunca aynısı oluyor bir problem yok ama resim sayısı artınca ekrana sığmayan thumbslar alt alta devam ediyor, ben onu da tek bir alanda sağa doğru kaymalı yapmak istiyorum. Bu konuda bir bilgisi olan varsa aydınlatırsa sevinirim :)

Bjk.com.tr Örneği : http://www.bjk.com.tr/tr/galeri/galeriler#gallery-7696/9

Temadaki görüntü :

Farklı bir slider entegre edip temaya yük bindirmemek için owl carouselde diretiyorum açıkçası :) Ama bjk.com.tr gibi bir foto galerisi önerisi olan varsa onu da değerlendirebilirim :)

31.12.2017 23:12

#2

ademgao ademgao.com Kullanıcı

Üyelik 05.12.2013
Yaş/Cinsiyet 28 / E
Meslek Web Tasarım
Konum İstanbul Avrupa

Ad Soyad A** G**
Mesajlar 561
Beğeniler 119 / 120
Ticaret 19, (%95)

owl'nin hangi sürümünü kullanıyorsun ?

Psd2css işleri için pm atınız.

31.12.2017 23:13

#3

halilyc labters.com Kullanıcı

Üyelik 14.12.2013
Yaş/Cinsiyet 31 / E
Meslek Web & Grafik ve iOS
Konum İstanbul Anadolu

Ad Soyad H** Y**
Mesajlar 837
Beğeniler 441 / 190
Ticaret 6, (%100)

ademgao son sürüm hocam, 2.2.1

31.12.2017 23:15

#4

ademgao ademgao.com Kullanıcı

Üyelik 05.12.2013
Yaş/Cinsiyet 28 / E
Meslek Web Tasarım
Konum İstanbul Avrupa

Ad Soyad A** G**
Mesajlar 561
Beğeniler 119 / 120
Ticaret 19, (%95)

js kodlarını atar mısın ?
https://codepen.io/washaweb/pen/KVRxRW buradan kendine göre düzenleme yapabilirsin.

Psd2css işleri için pm atınız.

31.12.2017 23:19

#5

halilyc labters.com Kullanıcı

Üyelik 14.12.2013
Yaş/Cinsiyet 31 / E
Meslek Web & Grafik ve iOS
Konum İstanbul Anadolu

Ad Soyad H** Y**
Mesajlar 837
Beğeniler 441 / 190
Ticaret 6, (%100)

ademgao adlı üyeden alıntı

js kodlarını atar mısın ?

$(document).ready(function() {

$('#post-slider').owlCarousel({

        loop: true,

        items: 1,

        thumbs: true,

        thumbImage: true,

        autoplay:true,

        autoplayTimeout:3000,

        autoplayHoverPause:true,

        thumbContainerClass: 'owl-thumbs',

        thumbItemClass: 'owl-thumb-item'

    });

});

31.12.2017 23:23

#6

ademgao ademgao.com Kullanıcı

Üyelik 05.12.2013
Yaş/Cinsiyet 28 / E
Meslek Web Tasarım
Konum İstanbul Avrupa

Ad Soyad A** G**
Mesajlar 561
Beğeniler 119 / 120
Ticaret 19, (%95)

Gönderdiğim link işine yarayacaktır, birde owl yerine slick.js'i incelemeni ve kullanmanı tavsiye ederim.

Psd2css işleri için pm atınız.

31.12.2017 23:37

#7

halilyc labters.com Kullanıcı

Üyelik 14.12.2013
Yaş/Cinsiyet 31 / E
Meslek Web & Grafik ve iOS
Konum İstanbul Anadolu

Ad Soyad H** Y**
Mesajlar 837
Beğeniler 441 / 190
Ticaret 6, (%100)

ademgao adlı üyeden alıntı

Gönderdiğim link işine yarayacaktır, birde owl yerine slick.js'i incelemeni ve kullanmanı tavsiye ederim.

hocam teşekkürler süpersin tam istediğim buydu :) Temaya fazla js ekleyip optimizasyon açısından dezavantaj yaşamak istemiyorum hocam o yüzden owl carousele direttim :)

01.01.2018 00:20

#8

ademgao ademgao.com Kullanıcı

Üyelik 05.12.2013
Yaş/Cinsiyet 28 / E
Meslek Web Tasarım
Konum İstanbul Avrupa

Ad Soyad A** G**
Mesajlar 561
Beğeniler 119 / 120
Ticaret 19, (%95)

Owl ile başladıysanız zaten onunla devam etmek en mantıklısı, ben bundan sonrası için söylüyorum.

Psd2css işleri için pm atınız.

01.01.2018 00:24

#9

halilyc labters.com Kullanıcı

Üyelik 14.12.2013
Yaş/Cinsiyet 31 / E
Meslek Web & Grafik ve iOS
Konum İstanbul Anadolu

Ad Soyad H** Y**
Mesajlar 837
Beğeniler 441 / 190
Ticaret 6, (%100)

ademgao adlı üyeden alıntı

Owl ile başladıysanız zaten onunla devam etmek en mantıklısı, ben bundan sonrası için söylüyorum.

evet hocam sonrası için aklımda bulunsun, öneri için teşekkürler :) İstediğim görüntüyü yakaladım verdiğiniz kodlarla oynayarak, az bir css ile next prev butonlarını şekillendirince tamamdır :)

1 kişi bu mesajı beğendi.

20.03.2022 15:19

#10

Mithotyn WM Aracı Kullanıcı

Üyelik 19.03.2022
Yaş/Cinsiyet 44 / E
Meslek Bilgi İşlem
Konum İstanbul Avrupa

Ad Soyad U** D**
Mesajlar 1
Beğeniler 0 / 0
Ticaret 0, (%0)

Peki slider netlik sorunu nasıl giderilir?

Owl Carousel Thumbs Problemi

Üye Girişi Yap