Results 1 to 5 of 5

Thread: making translucent slideshow fit screen size?

  1. #1
    Join Date
    Jun 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default making translucent slideshow fit screen size?

    1) Script Title: Translucent

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...ucentslide.htm

    3) Describe problem:

    I am trying to configure the above so that as the screen size gets smaller the images also get smaller.

    http://www.micro-active.com/test/trans.htm

    This does not work! How do I do this?

    Cheers

    Geoff

  2. #2
    Join Date
    Jun 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    oops! fit the screen etc.

    Geoff

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    @ 250x240, they'll always fit the screen.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Jun 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    John,

    http://www.micro-active.com/test/trans.htm

    If I make the window smaller the slide show width decreases but I only see part of the images..

    Am I still missing something?

    Cheers

    Geoff

  5. #5
    Join Date
    Jun 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by jscheuer1 View Post
    @ 250x240, they'll always fit the screen.
    John,

    just to be clear what I mean - if you look at

    http://www.micro-active.com/test/size-screen.htm

    the image gets smaller (width and height) when the window gets smaller, using css. See below.

    Can the translucent slide show (and the Ultimate Fade-in Slide Show) be made to do the same?

    Cheers

    Geoff

    <style type="text/css">
    img.sized {
    width: 20%;
    }
    </style>
    </head>

    and

    <img src="assets/images/teacher-2.jpg" class="sized">

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •