Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript How can I make images full width in slider?

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #31170
    rjmccollam
    Participant

    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 || {});

    this.build();
    },

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

    You can view the site Here

    #66718
    Josh
    Member

    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 http://tatmanphotography.com/portfolio.php Maybe you can use this as a reference point.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.