Slide show full page

[FURRYPOO]

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

[FURRYPOO]

hi again this is the source

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


thanks

[coothead]

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

[FURRYPOO]

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

[coothead]

Hi there FURRYPOO,

how can i fix this?

No problem, simply use this CSS revision...

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

[FURRYPOO]

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

thanks

[coothead]

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

[FURRYPOO]

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

[coothead]

Hi there FURRYPOO,

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

coothead

[FURRYPOO]

ok i ll try this thx