Full Screen Popout for images

felixwaffle
felixwaffle

I run my campaign on a virtual table top. And i save my maps out on the site under thier own wiki pages. (The map section just seemed wonky) It would be great if there was a way to make it so that when you click on an image it pops up to full screen .... and then ideally scalable with Cmnd+ "+" then close with escape or hitting an x in the corner. Maybe this is something that could be added already with HTML? Probably to advanced for my editing skills so far.



 

Comments

  • OPSupport
    OPSupport
    Posts: 93

    This is something which can easily be done via HTML today. You will find a lot of demos if you google around. 

    http://cssdemos.tupence.co.uk/image-popup.htm

  • byss66
    byss66
    Posts: 7 edited October 2016

    Link the image to itself, but then modify the underlying HTML so that the link will open in a new tab/window. This is done with the "target" attribute set to "_blank". Example code:


    <a href=&quot/link-to-image.jpg" target="_blank">
    <img src=&quot/link-to-image.jpg">
    </a>

    The key is to have the "href" value of the link match the value of "src" for the image, which should be already be in the code when you inserted the image via the editor buttons.

    Post edited by byss66 on
Sign In or Register to comment.

January 2022
Lakes of Blood and Ash

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions