Grow your CSS skills. Land your dream job.

1920px slider images centred

  • # July 31, 2012 at 3:58 pm

    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/

    # July 31, 2012 at 4:54 pm

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

    # July 31, 2012 at 5:00 pm

    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 :)

    # July 31, 2012 at 5:15 pm

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

    # July 31, 2012 at 5:39 pm

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

    # July 31, 2012 at 5:40 pm

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

    # August 3, 2012 at 12:18 pm

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

    # February 14, 2013 at 9:29 am

    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?

    # February 14, 2013 at 10:33 am

    @zbysek

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

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘1920px slider images centred’ is closed to new replies.

*May or may not contain any actual "CSS" or "Tricks".