Сообщение от animhotep
|
покажите пример. там в цсс задана ширина картинок, до которой их тянет
нужно или картинки сделать нужной ширины или цсс поправить
|
вот код
#carusel_partners div ul li a {
position:relative;
width:255px;
height:60px;
float:left;
margin-right:20px;
}
Здесь задается ширина, на которую картинка растягивается
img.grey {
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
img.color {
position: absolute;
left: 0;
top: 0;
}
.gallery {
border: 0px solid #E1E1E1;
height: 82px;
margin: 10px 0 0;
padding: 0 25px;
position: relative;
}
.gallery div {
overflow: hidden;
width: 720px;
}
div .arrows1 {
float: none;
}
#container {
background: none repeat scroll 0 0 #00FFFF;
border: 1px solid black;
height: 200px;
overflow: auto;
width: 200px;
}
Это остальной CSS
<script type='text/javascript' src='./include/js/jquery.jcarousel.min.js'></script>
function carus_initCallback2(car) {
jQuery('.left_g').bind('click', function() {
car.prev();
return(false);
});
jQuery('.right_g').bind('click', function() {
car.next();
return(false);
});
};
jQuery(function($){$(function(){
$('.gallery').jcarousel({
auto: 1,
scroll: 1,
start: 1,
wrap: "circular",
initCallback: carus_initCallback2,
buttonNextHTML: null,
buttonPrevHTML: null
});
});});
<div class="gallery" id="carusel_partners">
<div>
<ul id="gal_good">
<li><a href='someurl'><img src='img/image1.jpg' class='color'></a></li>
<li><a href='someurl'><img src='img/image2.jpg' class='color'></a></li>
<li><a href='someurl'><img src='img/image3.jpg' class='color'></a></li>
<li><a href='someurl'><img src='img/image4.jpg' class='color'></a></li>
<li><a href='someurl'><img src='img/image5.jpg' class='color'></a></li>
</ul>
</div>
</div>
