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

hi again this is the source

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


thanks

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

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

Hi there FURRYPOO,

Quote:

---

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

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

thanks

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,

Quote:

---

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

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

Hi there FURRYPOO,

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

coothead

ok i ll try this thx