flexslider

Question

olduğum bir Flexslider atlıkarınca inşa etmeye çalışıyoruz - off ekrana geçiş iki tarafında yanındaki/önceki görüntülerle, birden fazla görüntü var ama şimdiki görüntü merkezli - bu site gibi http://www.ncad.ie/

Şimdiye kadar tek bir görüntü ile hallederim: http://jsfiddle.net/Y3kx5/

lookign bu bir bunu çözmek iddia diğer konular etrafında ama işe alınamıyor: FlexSlider: Center current image

diğer flexslider denedi gibi JS: Ekranda

$('.flexslider').flexslider({ 
animation: "slide", 
controlNav: false, 
itemWidth: 800, 
minItems: 3, 
maxItems: 3 
}); 

ama bu 3 görüntüler - Ben yalnızca geçerli bir sonraki/önceki yalnızca kadar pencere izin verdiği görüntüleme ile tam ekran olmasını istiyorum oysa. peşin .ben de

teşekkürler.

Answer 1

Sen kaydırıcı yönünü değiştirebilir ve kaydırıcı görüntünün sınırları dışına gezginlerinizi taşımak için bazı CSS kurallarını ekleyebilir.

Kodu:

.content { 
    background: #f2f2f2; 
    max-width: 800px; 
    display: block; 
    margin: 0 auto 
} 
.flex-direction-nav .flex-next { 
    right: 0 !important; 
    margin-right: -30px; 
    opacity: 1 !important; 
} 
.flex-direction-nav .flex-prev { 
    left: 0 !important; 
    opacity: 1 !important; 
    margin-left: -30px; 
} 
.flexslider { 
    width: 90%; 
    margin: 0 auto; 
} 

Demo: CSS ile Yapıldı http://jsfiddle.net/Y3kx5/2/

: http://jsfiddle.net/IrvinDominin/899SD/ Aslında sadece bunu çözmüş

Answer 2

İşte son parçası :-)

.container {overflow: hidden; width: 100%} 
.flexslider {max-width: 800px; width: 800px; margin: 0 auto} 
.content {background: #f2f2f2; max-width: 800px; display: block; margin: 0 auto} 
.flex-viewport {overflow: visible !important}