Thumb Image to open in same window as per url example supplied

[theremotedr]

Hi,
I advised in post 3 this was the test page

https://www.theremotedoctor.co.uk/gallery1.html

But that was some time ago & overlooked.

[coothead]

Hi there theremotedr,

sorry about that, I am not as sharp as I used to be
and suffer more frequently from Senior Moments.

This is my test CSS for the modal image and video at present...

/****************** modal window ******************/

#modal {
    position: fixed; 
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    overflow: auto;
    background: linear-gradient( to bottom, #666, #000 );
    text-align: center;
 }
#modal-image, 
#modal video {
    height: 80vh; 
    width: auto;
    margin: 1em auto;
    border: 1px solid #fff;
 }
#closure {
    padding: 0.5em 2em;
    margin-top:1em;
    border-radius: 0.75em;
    font-size: 1em;
    cursor: pointer;
 }
.hide{
    display: none;
 }
 
 #modal video {
    display:block;
 }

/***************************************************/

I do not have a mobile phone for testing, but would
assume that landscape view would offer the better
results.

coothead

[theremotedr]

Just going through the photos now with the coder above & so far perfect.

The only difference i can see from the code that was in use to the above is the following.

#modal-image, 
#modal video {
    height: 80vh;

Can you advise what 80 vh is, is it show photo 80% of its original size ?

Thanks

[coothead]

Can you advise what 80 vh is... ?

CSS Tricks - What are viewport units?

coothead