I’ve just begun to work with jQuery. My first widget is a simple
scrolling div of images (logos in my case). I’d like for each of the
images to scroll in, pause and scroll out. The Cycle plugin does that
out of the box but I have one other request. The container div of the
images is wider than the images. When the images scroll in, they
always stop at the left edge (I’m using scrollLeft). I would like for
them to pause in the center of the container div and proceed on. I
see I have several parameters I can change relating to CSS, and
therefore positioning, but it appears none of them are valid for the
time when the image pauses. Can anyone shed some light? Ultimately,
I’d like something that is XHTML 1.1 Strict valid as well.
<script type="text/javascript" src="jquery/jquery-1.2.1.js"></script>
<script type="text/javascript" src="jquery/plugins/
jquery.cycle.all.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#partners').cycle({
fx: 'scrollLeft',
});
});
</script>
<div id="partners" style=”width:300px; margin:0 auto;”>
<a href="http://foo.com";><img src="foo.jpg" alt="foo"
width=”145” height=”72” /></a>
<a href="http://bar.com";><img src="bar.jpg" alt="bar"
width=”145” height=”72” /></a>
</div>
I apologize if I sent this to the wrong group.
