Page 1 of 2 12 LastLast
Results 1 to 10 of 19

Thread: Slide show full page

  1. #1
    Join Date
    Feb 2021
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Red face Slide show full page

    hi

    can anyone tell me how to render my ol dynamic drive slideshow full page?

    here is the link

    http://reneechevalier.ca/indexANG.html

    thanks
    Last edited by keyboard; 03-06-2021 at 12:42 AM.

  2. #2
    Join Date
    Feb 2021
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    hi again this is the source

    * Translucent Slideshow script- Dynamic Drive DHTML code library (www.dynamicdrive.com)


    thanks
    Last edited by james438; 03-06-2021 at 01:36 AM. Reason: added link for easier reference.

  3. #3
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,864
    Thanks
    2
    Thanked 262 Times in 257 Posts

    Default

    Hi there FURRYPOO,

    and a warm welcome to these forums.

    Check out the attachment, which contains a working example that
    is equally at home on mobile devices as it is on a desktop PC.


    coothead
    Attached Files Attached Files
    Last edited by coothead; 03-06-2021 at 01:57 PM.
    ~ the original bald headed old fart ~

  4. #4
    Join Date
    Feb 2021
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    hi ok thanks full width works but now the images are cut, they dont show the full content
    how can i fix this? thanks

  5. #5
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,864
    Thanks
    2
    Thanked 262 Times in 257 Posts

    Default

    Hi there FURRYPOO,

    how can i fix this?
    No problem, simply use this CSS revision...
    Code:
    
    main {
        flex: 1 0 auto;
    
        min-height: 69vw; /* if necessary,  adjust this value to suit * / 
    
        padding: 1em;
    	background-image:  
    	url(http://reneechevalier.ca/Expo-maitrise-UQAM-88.jpg),
    	url(http://reneechevalier.ca/Alfred-Pellan-%20Femme%20sous%20influence%201999.jpg),
    	url(http://reneechevalier.ca/auras%20rouge.jpg),	
    	url(http://reneechevalier.ca/Stigmate%20ll%20%20Art%20Mur%20vue%20partielle.jpg),
    	url(http://reneechevalier.ca/Visite%20atelier%202011.jpg),
    	url(http://reneechevalier.ca/Solo-Expo-PAT-2018.jpg),
    	url(http://reneechevalier.ca/Imprimerie%20atelier%20livre%20artiste%202020.jpg);
    	background-repeat: no-repeat;
    	background-size: 100vw auto;
    	animation: slide 28s  linear infinite;
     }
    
    

    coothead
    Last edited by coothead; 03-07-2021 at 06:53 PM.
    ~ the original bald headed old fart ~

  6. #6
    Join Date
    Feb 2021
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    ok i ll try this. would this be responsive or mobile friendly too?

    thanks

  7. #7
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,864
    Thanks
    2
    Thanked 262 Times in 257 Posts

    Default

    Hi there FURRYPOO,

    I do not possess a mobile phone myself.

    But my tests with "Responsive Mode View"
    in the Firefox browser indicated, as I pointed
    out in my original post,

    Check out the attachment, which contains a working example that
    is equally at home on mobile devices as it is on a desktop PC.
    As a matter of interest I noticed that your page,,,

    http://reneechevalier.ca/indexANG.html

    ...is most definitely not mobile friendly and is
    coded using 20th century methodology.

    coothead
    ~ the original bald headed old fart ~

  8. #8
    Join Date
    Feb 2021
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    ok i see it works now full page and full image too!
    how would i increase the stay fix delay before it moves on to another slide?

    really appreciate your help progressing here

    thx

  9. #9
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,864
    Thanks
    2
    Thanked 262 Times in 257 Posts

    Default

    Hi there FURRYPOO,

    check out the attachment, which contains an amended CSS file.
    Delete the original and use this new one instead.

    coothead
    Attached Files Attached Files
    ~ the original bald headed old fart ~

  10. #10
    Join Date
    Feb 2021
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    ok i ll try this thx

Similar Threads

  1. Multiframe slide show - how to avoid restart on new page
    By mylcorp in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 10-07-2012, 04:31 PM
  2. Slide Show Script Slows Page Load
    By Phancy420 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 09-30-2009, 05:11 PM
  3. Swiss Army Image slide show - goto page at end
    By quantum503 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 05-20-2008, 02:12 PM
  4. Image Slide Show - 2 on a page
    By ejcelli in forum Dynamic Drive scripts help
    Replies: 8
    Last Post: 05-24-2007, 01:20 AM
  5. Positioning Fade in slide show on page
    By david48 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 12-18-2004, 11:43 AM

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
  •