2
Я использую плагин JQuery Roundabout. Мне интересно, есть ли способ выбрать количество отображаемых изображений. У меня есть десять изображений, но только три из них должны быть видны, как показано на второй (расширенной) ссылке в квадратном примере.jQuery Круговое движение: изменение количества отображаемых предметов
Как это возможно?
Редактировать дополнительную информацию:
JQuery окольными-плагин: http://fredhq.com/projects/roundabout
и расширение: http://fredhq.com/projects/roundabout-shapes/
-> Я хотел бы иметь "квадратную форму"
соответствующий код:
<head>
<style>
.roundabout-holder {
list-style: none;
padding: 0;
margin: 0 auto;
text-align: center;
height: 500px;
width: 300px;
}
.roundabout-moveable-item {
cursor: pointer;
border: 1px solid #999;
bottom: 0;
}
.roundabout-in-focus {
cursor: auto;
}
</style>
<script type="text/javascript" src="../../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../../js/jquery.roundabout.js"></script>
<script type="text/javascript" src="../../js/jquery.roundabout-shapes.js"></script>
<script>
$(document).ready(function() {
$('ul.roundabout-holder').roundabout({
shape: 'square',
btnNext: ".next",
btnPrev: ".prev",
btnStopAutoplay: ".stop",
btnStartAutoplay: ".start",
duration: 1000,
autoplay: true,
autoplayDuration: 4000,
autoplayPauseOnHover: true,
reflect: false,
minOpacity: 0.5,
minScale: 0.1
});
});
</script>
</head>
<body>
<ul class="roundabout-holder">
<li class="roundabout-moveable-item"><a href="img/hauptbild-gross.jpg"><img src="img/hauptbild.jpg" width="466" height="500" /></a></li>
<li class="roundabout-moveable-item"><a href="img/baerenfamilie-gross.jpg"><img src="img/baerenfamilie.jpg" width="400" height="196" /></a></li>
<li class="roundabout-moveable-item"><a href="img/hamster-bleistift-gross.jpg"><img src="img/hamster-bleistift.jpg" width="400" height="351" /></a></li>
<li class="roundabout-moveable-item"><a href="img/hamster-schlafend-gross.jpg"><img src="img/hamster-schlafend.jpg" width="400" height="302" /></a></li>
<li class="roundabout-moveable-item"><a href="img/hamster-schmetterling-gross.jpg"><img src="img/hamster-schmetterling.jpg" width="400" height="374" /></a></li>
<li class="roundabout-moveable-item"><a href="img/hase-gross.jpg"><img src="img/hase.jpg" width="384" height="500" /></a></li>
</ul>
</body>
</html>
А вот проект-URL: http://www.eyes-on-fire.de/test/2/portfolio/tiere/index.php
(я не разрешается размещать три ссылки, как новичку)
Только три из пяти видны [здесь, в стандартной демонстрации] (http://fredhq.com/projects/roundabout/demos/standard), хотя я только предполагаю, что это тот же самый плагин, который вы говорите около. – Sparky
Да, это правильный плагин, но в этом примере есть 5 изображений. Я добавил дополнительную информацию выше. – Rene1981
Мне тоже понадобится ... У меня есть X-образные изображения (X-динамические и почти большие, как 50) и должны показывать только 3 изображения. Вы нашли решение? – Chris