Jason,
The easiest way to achieve this is probably adding another div:
<div id="partners" style="width:300px">
<div id="slideshow">
<img src="foo.jpg" width="145" height="72" />
<img src="bar.jpg" width="145" height="72" />
</div>
</div>
And then style it like this:
#slideshow { width: 145px; height: 72px; margin: 0 77px; }
Mike
On 10/23/07, Jason <[EMAIL PROTECTED]> wrote:
>
> 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.
>
>
