Hi
I'm using the views slideshow - and would like the individual images to be centered.
currently they are postioned absolute, top:0 left:0

style sheets don't afffect the display; its coming from a flle named: jquery.cycle.all.min.js ; when i indicate relative positioning, it goes all over the place;
the left alignment looks all wrong; Can someone help me figure this customization for images within the views slideshow.
thanks

Comments

jackhutton’s picture

you can see it in use here: left aligned images look funky..
thx

http://wk.walterkuhlmanart.com/kuhlman-studio-photos/17

jackhutton’s picture

when i work the css in firebug, i can add margin-left: auto and margin-right:auto to the inline css & the image centers nicely.. I tried to add that to the .js but must have the wrong syntax.. how would i indicate that in javascript? thxl..

jackhutton’s picture

tried var first=opts.startingSlide;$slides.css({position:"absolute",top:0,marginLeft:'auto',marginRight:'auto'}) but that doesn't work either.. grrr.
would there be code to figure out the width of the image on the fly, then divide by half subtract that from the container width to assign to the left: x position?

Anonymous’s picture

Status: Active » Closed (duplicate)