Forums

LimeX

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

LimeX

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

LimeX

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.

LimeX

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

treehouse : what would you like to learn today?

Forums

[Solved] 1920px slider images centred