1920px slider images centred

[Anonymous]

I have a slider that contains images that are 1920px wide.
However, if the users screen is narrower that the images they need to be centred and the overflow set to be hidden.
This doesn’t sound hard, but for some reason I can¨t pull this off.
Please help me! :)
http://jsfiddle.net/zBNUm/

[TheDoc]

If you set the image as a background on the slide, you can just position it via CSS http://codepen.io/ggilmore/pen/oaFJL

[Anonymous]

Since I have a slider for wordpress where each image is wrapped withing an img tag, this won’t work. However, if someone knew a WordPress jQuery plugin slider that uses background images instead of , it would solve my problem :)

[TheDoc]

You should be able to edit the code. Other than that you can do this: http://codepen.io/ggilmore/pen/oaFJL

[Anonymous]

That doesn’t solve my problem since I can’t use the “background-image” technique :)

[TheDoc]

Did it not update for you? Try giving it a hard refresh. I switched it to image-based.

[Anonymous]

It did update now, thank you for the help! :)

[zbysek]

Hi. I have the same problem, but your code at http://jsfiddle.net/zBNUm/ doesnt work.

Could you please help me? Did you update that code?

[Paulie_D]

@zbysek

Please start a new thread and post a link or code in Codepen

[Author]

Posts