Grow your CSS skills. Land your dream job.

How can I make images full width in slider?

  • # January 6, 2011 at 4:45 pm

    I was wondering how I can put any image width int he slider and it display the full width of the image.

    This is where I set the image width:

    Slider = new Class.create({
    "initialize": function (options) {
    this.options = {
    "slider" : "slider",
    "path" : "images/",
    "linkText" : "Explore",
    "itemWidth" : 320,
    "itemHeight" : 500,
    "items" : [],
    "animate" : true,
    "animationDelay": 5,
    "slideDelay" : 1,
    "slideLoop" : true,
    "onClick" : false
    Object.extend(this.options, options || {});;

    is it possible to set some sort of width – 100% to it?

    You can view the site Here

    # January 10, 2011 at 10:46 am

    The issue I see with stretching these images is that they will become blurry and distorted. I created a full screen gallery for a photographer site. You can see it at Maybe you can use this as a reference point.

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

You must be logged in to reply to this topic.

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