I recently ran into a similar situation where all slide shows other
than the first was not displaying properly since they are written into
the page after a mouse click on link like: $('#div').html($(href).html
());
So, since the first cycle slide show worked fine with css "width:
100%;height:auto;" I just used it's values across the board like:
var imgHt = $('#s1 img').height();
$('#s3,#s3 img,#s5,#s5 img').css({'height': imgHt });
I know you said your issue is resolved but this might be a more
flexible solution for you. I works like a dream for me on all browsers
I've tested ( ie6-8, firefox-all, Safari-win, Chrome, Opera-10).
On Jun 4, 9:43 am, Laker Netman <laker.net...@gmail.com> wrote:
> On Jun 4, 10:17 am, Mike Alsup <mal...@gmail.com> wrote:
>
> > > How do I eliminate or override the "position: absolute;" being
> > > injected into the img tag, as that appears to be the culprit?
>
> > You can't eliminate it. For the slideshow to work the container
> > element must have 'relative' position and the slides must have
> > 'absolute' position inside the container. I suspect your layout is
> > having trouble with the relatively positioned div, but you should be
> > able to sort that out.
>
> Well after some gnashing-of-teeth and cursing I have it working :)
>
> I googled [some more] and found this posting that gave me the clue I
> needed:http://groups.google.com/group/jquery-en/browse_thread/thread/4123a44...
>
> I hadn't set a height and width on the DIV hooked to thecycleplugin
> containing the image(s). <sigh>
>
> Regards,
> Laker
