Page 3 of 3 FirstFirst 123
Results 21 to 24 of 24

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

  1. #21
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,243
    Thanks
    163
    Thanked 3 Times in 3 Posts

    Default

    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.

  2. #22
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,276
    Thanks
    3
    Thanked 284 Times in 277 Posts

    Default

    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...
    Code:
    /****************** 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
    ~ the original bald headed old fart ~

  3. #23
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,243
    Thanks
    163
    Thanked 3 Times in 3 Posts

    Default

    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.

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

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

    Thanks

  4. #24
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,276
    Thanks
    3
    Thanked 284 Times in 277 Posts

    Default

    Quote Originally Posted by theremotedr
    Can you advise what 80 vh is... ?

    coothead
    ~ the original bald headed old fart ~

Similar Threads

  1. Resolved Lightbox image viewer (1 thumb, multiple images to open)
    By Skinnybobb in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 08-27-2012, 11:14 PM
  2. Thumb Viewer Enlarge Using Different Thumb and Source Image
    By mondealenvers in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 02-12-2010, 05:51 PM
  3. Replies: 0
    Last Post: 08-02-2006, 03:02 PM
  4. Thumb link to open in template page
    By Gerhard in forum HTML
    Replies: 1
    Last Post: 05-15-2006, 05:22 PM
  5. How to click on Image Map and open New Window
    By logancat in forum JavaScript
    Replies: 2
    Last Post: 01-08-2006, 05:57 PM

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
  •