С jQuery Cycle 2, как мне показать часть следующего и предыдущего слайдов

Я уже некоторое время борюсь с этим и видел несколько очень сложных решений на основе JavaScript. Я, наконец, взломал его (по крайней мере, для своих нужд) с минимальным решением CSS.


person martinedwards    schedule 17.10.2014    source источник


Ответы (1)


По сути, вы перемещаете «переполнение: скрытый» из элемента слайд-шоу в более широкий родительский элемент, а затем устанавливаете левое поле для элемента слайд-шоу.

Я обновил JSFiddle для фиксированного макета: http://jsfiddle.net/mledwards34/x89sQ/5/

.slideshow-container {
    overflow: hidden !important;
    width: 300px;
}

.slideshow {
    overflow: visible !important;
    margin-left: 50px;
}

и адаптивный макет: http://jsfiddle.net/mledwards34/x89sQ/6/.

.slideshow-container {
    overflow: hidden !important;
    width: 50%;
}

.slideshow {
    overflow: visible !important;
    width: 80%;
    margin-left: 10%;
}
person martinedwards    schedule 17.10.2014