Слайдер типа fotorama?

Question

[MegaPuxapb]

Посоветуйте плз слайдер, типа фоторамы. с горизонтальными превьюхами (типа этих )

Answer 1

[Andrew]

Берёте любой слайдер с urlHashListener'ом и пилите свои превьюхи, где угодно.
Вот пример. Только вместо обычных надписей, добавьте туда картинки.

Comments

[MegaPuxapb]

спасибо, но мне нужно что бы "хеши" были в слайдере. и по клику на "хеш" он перемещался в центр. как в фотораме. в owl - е, я так не сделаю. + нужен зум слайдов.

[Andrew]

MegaPuxapb, в смысле?

<div class="slider">
<div class="item" data-hash="one"><img src="1.jpg"></div>
<div class="item" data-hash="two"><img src="2.jpg"></div>
<div class="item" data-hash="three"><img src="3.jpg"></div>
<div class="item" data-hash="four"><img src="4.jpg"></div>
</div>
<div class="previews">
<a href="#one"><img src="1_prev.jpg"></a>
<a href="#two"><img src="2_prev.jpg"></a>
<a href="#three"><img src="3_prev.jpg"></a>
<a href="#four"><img src="4_prev.jpg"></a>
</div>

$('.slider').owlCarousel({
        center:true,
        URLhashListener:true,
        autoplayHoverPause:true,
        startPosition: 'URLHash'
    });

[MegaPuxapb]

Andrew, в том смысле, что в вашем примере иконки в previews, статичны.
мне же нужно, что бы они были в другом слайдере. и по клику на эту иконку (которая в условном ".previews") она становилась в центре этого слайдера. Как тут