Results 1 to 5 of 5

Thread: Ultimate Fade-in slideshow (v2.6.1) Responsive div

  1. #1
    Join Date
    Dec 2018
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-in slideshow (v2.6.1) Responsive div

    1) Script Title: Ultimate Fade-in slideshow (v2.6.1)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

    3) Describe problem: I have this working fairly well. Even got the images to re-size as the screen pixels change. However, when the screen gets smaller and the images do too, the gallery background only gets smaller horizontally. It stays the same vertically. The result is a black background above and below the image.
    Is there a way to get the black area to resize and maintain its aspect ratio?
    I have seen some attempts to answer this question on here but I can't seen to get any to work. If you have some code that will help me Please, Please, please be very clear as to where it goes (css, head, body, specific div, etc...) Please do not assume I know anything, I probably don't!!
    Thank You for your help.

  2. #2
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,881
    Thanks
    49
    Thanked 266 Times in 258 Posts
    Blog Entries
    56

    Default

    What you want can't be easily handled by a script that uses arrays of images (the script on DD). You're better off with a script that uses divs having backgrounds, like the one on this page. You can put the page in an iframe having certain dimensions and put it on another page, something like this:
    Code:
    <body>
    <br>
    <h2 style="text-align: center">THIS IS A SLIDESHOW</h2>
    <iframe class="iframe_slideshow" src="http://mesdomaines.nu/eendracht/slideshow_responsive11/slideshow.html" style="position: relative; width: 500px; max-width: 100%; height: 350px; display: block; margin: auto; border: 1px solid silver">
    </iframe>
    </body>

  3. #3
    Join Date
    Dec 2018
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    stman says
    I think I may have "fixed" this! I was able to get the black area to disappear (not re-size). I went into the script and searched for all instances of black. I found 3. I changed the color from 'black' to '#ffffff00'. As you know #ffffff is black but adding 00 makes it transparent.
    This did it. It is still there but transparent which means for me, it is gone!!

  4. #4
    Join Date
    Dec 2018
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hope it is ok to make that small change.

  5. #5
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,881
    Thanks
    49
    Thanked 266 Times in 258 Posts
    Blog Entries
    56

    Default

    But then there may be some unwanted horizontal space between the buttons beneath the container for the images (if there are any) and the images themselves when the screen gets very small. If that's no problem for you, it's okay to replace black with #ffffff00 in the script. It won't do any harm to it.

Similar Threads

  1. Responsive Ultimate Fade-in Slideshow (v2.6)
    By ellenjones6 in forum Dynamic Drive scripts help
    Replies: 9
    Last Post: 12-11-2018, 06:10 AM
  2. Ultimate Fade-in slideshow (v2.6.1) - how to make the height responsive
    By rosiserem in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 04-12-2016, 03:24 PM
  3. Ultimate Fade In Slideshow - making 'responsive'
    By Verlando in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 02-23-2014, 09:57 PM
  4. Ultimate Fade-in slideshow - STOP FADE IN ON FIRST IMAGE
    By trillodigital in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 01-10-2011, 01:18 PM
  5. Replies: 3
    Last Post: 07-12-2010, 04:04 PM

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
  •