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 (http://www.dynamicdrive.com/dynamicindex14/translucentslide.htm)- © 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

[coothead]

Hi there FURRYPOO,


I have recoded your home page

Check out the attachment to view it.



coothead

[FURRYPOO]

hi

all is great, thanks again. i think the page now is more up to date coding and even a bit more mobile friendly.

super help. Furry

[coothead]

hi
i think the page now is more up to date coding and even a bit more mobile friendly.



I recoded the page for you, but in your infinite wisdom, you have chosen to ignore it. :eek:

Your existing page is riddled with errors and employs deprecated 20th methodology...

Report - 37 Errors, 1 warning(s) (https://validator.w3.org/check?verbose=1&uri=http://reneechevalier.ca/indexANG.html)



coothead

[FURRYPOO]

I recoded the page for you, but in your infinite wisdom, you have chosen to ignore it. :eek:

Your existing page is riddled with errors and employs deprecated 20th methodology...

Report - 37 Errors, 1 warning(s) (https://validator.w3.org/check?verbose=1&uri=http://reneechevalier.ca/indexANG.html)



coothead

omg is it.? i will try the new codes, sorry hadnt seen that

[FURRYPOO]

ok stays longer but the images can i resize them they fill the screen too much?

how can i do that?
lets say width a bit and especially height because we dont see the bottom of the images...
thanks

[coothead]

Hi there FURRYPOO,


In your original post you asked for " slideshow full page".

So I did that. ;)

Then in post #4 you complained that "the images are cut, they don't show the full content"

So I did that. ;)

Now in post #15 you say "they fill the screen too much"

Well, you cannot have it both ways whilst retaining the image's aspect ratio.

If you wish to see the full height of your images in your browser without
scrolling then I would need know the maximum value required.

I can then adjust the widths to suit.



coothead

[FURRYPOO]

hi yes i want the full image to be seen but while keeping the full width or almost of a computer screen.

without scrolling like you said. sorry if i didnt make it clear.

im new with CSS and have an old program WEB EXPERT HTML.

obviously i have to change.

thanks again

[coothead]

i want the full image to be seen but while keeping the full width or almost of a computer screen.



The width of the images will depend upon what you consider
to be their acceptable height.

Have a look at the attached example and tell me whether
the images require more or less height.


coothead

[FURRYPOO]

Hello

for me the page has greatly ameliorated and it is what will use. i immensely appreciate your help and support. a little lost with CSS codes etc. My CSS knowledge is weak so from a JavaScript from Dynamic Drive I was using to CSS codes is a big leap. i have started online courses and that way i will understand and be able to be independent also. keep up the good work Dynamic Drive. Thanks again Coothead