lostyazilim

Owl Carousel Thumbs Problemi

10 Mesajlar 2.104 Okunma
lstbozum
wmaraci reklam

halilyc 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 :)
 

 

wmaraci
reklam

ademgao ademgao ademgao.com Kullanıcı
  • Üyelik 05.12.2013
  • Yaş/Cinsiyet 29 / 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.

halilyc 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
 

 

ademgao ademgao ademgao.com Kullanıcı
  • Üyelik 05.12.2013
  • Yaş/Cinsiyet 29 / 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.
wmaraci
wmaraci

halilyc 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'
});
});
 

 

ademgao ademgao ademgao.com Kullanıcı
  • Üyelik 05.12.2013
  • Yaş/Cinsiyet 29 / 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.

halilyc 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 :)
 

 

ademgao ademgao ademgao.com Kullanıcı
  • Üyelik 05.12.2013
  • Yaş/Cinsiyet 29 / 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.

halilyc 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 :)

ademgao

kişi bu mesajı beğendi.

Mithotyn 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?

 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al