Skip navigation
Currently Being Moderated

Jquirey slide width & height

Apr 5, 2012 3:50 AM

Hi,

I have a jquirey slide show, i am try to enlarge height & width to 740 (w) x 322 (h)

Entire things goes well but picture not come entire container & center, how can i set.

please check my link

 
Replies
  • Currently Being Moderated
    Apr 5, 2012 4:07 AM   in reply to manojb05

    I guess you'll have to adjust the width/height attributes of the images to fill the grey box:

     

    width="570" height="270"

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2012 4:31 AM   in reply to manojb05

    manojb05 wrote:

     

    osgood i am try to fit a image to entire my grey width area 740 i am changed container width in jquirey, but nothing is happend

     

    Change the width of the images to 740px (see below) If they are set at 570 wide they aren't going to fill the width of the grey area are they?

     

     

    width="740" height="270"

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2012 4:57 AM   in reply to manojb05

    Try changing the width of the two css selectors below to 740px as show, They are in your linked global stylesheet

     

    .slides_container {

        width:740px;

        overflow:hidden;

        position:relative;

        display:none;

    }

     

    /*

        Each slide

        Important:

        Set the width of your slides

        If height not specified height will be set by the slide content

        Set to display block

    */

     

    .slides_container div.slide {

        width:740px;

        height:270px;

        display:block;

    }

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2012 5:32 AM   in reply to manojb05

    Change the caption width to 740px: (as shown below)

     

     

    .caption {

        z-index:500;

        position:absolute;

        bottom:-35px;

        left:0;

        height:30px;

        padding:5px 20px 0 20px;

        background:#000;

        background:rgba(0,0,0,.5);

        width:740px;

        font-size:1.3em;

        line-height:1.33;

        color:#fff;

        border-top:1px solid #000;

        text-shadow:none;

    }

     

     

    And change 'slides' to left: 0; to get rid of the 4px space on the left of the image.

     

    #slides {

        position:absolute;

        top:15px;

        left: 0;

        z-index:100;

    }

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points