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
  • #31170

    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


    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)
  • The forum ‘JavaScript’ is closed to new topics and replies.