Изменение размеров слайдера-карусели
На странице сделан слайдер, но он вылезает за границы страницы, и крайние пункты слева и справа обрезаются.
http://strdv.inetech.ru/ Где нужно поменять размеры, чтобы всё выводилось по размеру страницы? |
.page_margins {
width: auto;
min-width: 960px;
max-width: 1000px;
overflow:hidden; <-- добавлено
}
|
Heidel,
Вот что то такое - добавьте на страницу
<style type="text/css">
div.jcarousel-clip.jcarousel-clip-horizontal{
display:inline-block;
position: relative;
overflow: hidden;
width: 100%!important;
}
</style>
|
Deff,
Если у меня такой код
<div class='subcolumns'>
<ul id='mycarousel' class='jcarousel-skin-tango'>
<li>
<div class='c25l'>
<div class='subcl'>
<div class='article'>
<a href='/catalogue/catalogue_37.html'><img src='/netcat_files/103/66/article5_0.png' height='100' width='182' alt='Товар 9' /></a>
<p>Краткое описание товара</p>
</div>
</div>
</div>
</li>
(пунктов <li> естественно не один, дивы закрываются) то это к какому диву мне надо применить эти стили? |
Heidel,
Ни наю - код что дал к выложенной ссылке |
А, всё, разобралась, к
<div class='subcolumns'> эти стили применить надо |
И еще вопрос, по той же странице.
Мне нужно вывести два слайдера, в оба слайдера выводятся разделы из одного и того же каталога. А получается так, как сейчас http://strdv.inetech.ru/index/ Первый слайдер выводится как надо, а второй нет. В чем проблема, я не могу понять. Слайдеры совершенно одинаковые. Для второго слайдера нужно задать другое имя или что? |
Вот эту функцию надо повторить для второго слайдера
jQuery(document).ready(function() {
jQuery('#mycarousel_1').jcarousel({
auto: 2,
wrap: "circular",
scroll: 1,
visible: 4,
animation: 5000,
initCallback: mycarousel_initCallback
});
|
Heidel,
Я думаю что для каждой карусели нужна своя функция инициализации и разные имена #mycarousel_1 #mycarousel_2 |
Чё-т не работает (
Оба слайдера не работают( Получается как сейчас - они выведены, но карусель к ним не цепляется. Вот такой код скрипта
<-- Первый слайдер -->
function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function() {
carousel.startAuto(0);
});
carousel.buttonPrev.bind('click', function() {
carousel.startAuto(0);
});
// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};
jQuery(document).ready(function() {
jQuery('#mycarousel_1').jcarousel({
auto: 2,
wrap: \"circular\",
scroll: 1,
visible: 4,
animation: 5000,
initCallback: mycarousel_initCallback
});
});
<-- Второй слайдер -->
jQuery(document).ready(function() {
jQuery('#mycarousel_2').jcarousel({
auto: 2,
wrap: \"circular\",
scroll: 1,
visible: 4,
animation: 5000,
initCallback: mycarousel_initCallback
});
});
</script>
|
| Часовой пояс GMT +3, время: 02:22. |