Response title
This is preview!
containerResize, slideRezize, fit
). But I don't make it work at all... so I would not mind to receive a bit of help.So here is the JS code for the slideshow:
$(document).ready(function() {
$this.cycle({
timeout: 0,
fx: 'fade',
pause: 1,
speedIn: 1000,
speedOut: 1000,
sync: false,
containerResize: false,
slideResize: false,
fit: 1,
...
});
<div class="keyboardnav content-slider">
<ul class="slideshow">
<li data-cycle-image="gallery/1.jpg" class="first"></li>
<li data-cycle-image="gallery/2.jpg" ></li>
<li data-cycle-image="gallery/3.jpg"></li>
...
</ul>
</div>
.content-slider {
position: absolute;
width: 950px;
height: 650px;
top: 50%;
left: 50%;
margin: -325px 0 0 -475px;
padding: 0;
background: red;
}
ul.slideshow {
width: 950px;
height: 650px;
margin: 0;
padding: 0;
list-style: none;
display: block;
cursor: pointer;
}
ul.slideshow li {
position: relative;
width: 950px !important;
height: 650px;
text-indent: -9999px;
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
}
© 2013 jQuery Foundation
Sponsored by and others.