Skip navigation
manojb05
manojb05
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

499 Views   8 Replies   Latest reply: manojb05, Apr 5, 2012 5:41 AM
 
Replies
  • osgood_
    Currently Being Moderated
    1. osgood_,
    Apr 5, 2012 4:07 AM   in reply to manojb05
    Report

    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:
  • manojb05
    Currently Being Moderated
    2. manojb05,
    Apr 5, 2012 4:12 AM   in reply to osgood_
    Report

    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

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

    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:
  • manojb05
    Currently Being Moderated
    4. manojb05,
    Apr 5, 2012 4:39 AM   in reply to osgood_
    Report

    osgood i am change the picture width but nothing is happend, i think some other width change also

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

    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:
  • manojb05
    Currently Being Moderated
    6. manojb05,
    Apr 5, 2012 5:11 AM   in reply to osgood_
    Report

    please look at its fine, but little bit problem

    1) Information bar is also come to similar to picture width

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

    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:
  • manojb05
    Currently Being Moderated
    8. manojb05,
    Apr 5, 2012 5:41 AM   in reply to osgood_
    Report

    Awesome works fine. Thank you sooooomuch.

     
    |
    Mark as:
Actions

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