TennShadow Posted January 22, 2016 Report Posted January 22, 2016 I'm in need of a little help from the skin designer community. I have a image thumbnail on my live map page that when clicked I want the image to open up larger on the same page. Right now when it's click it opens up a new window in the browser. I googled for a few hours last night and I saw something like a JQuery Lightbox might help me. However, that is a little above my currently skill set. Could anyone assist? Thanks! Quote
Virtualei Posted January 22, 2016 Report Posted January 22, 2016 Try this Keith https://digicompdiy.wordpress.com/2013/02/17/make-your-images-pop-out-with-just-css3-and-html5/ Quote
TennShadow Posted January 23, 2016 Author Report Posted January 23, 2016 Try this Keith https://digicompdiy....css3-and-html5/ Thanks for the link. I'll have a go with it. Quote
Virtualei Posted January 23, 2016 Report Posted January 23, 2016 Thanks for the link. I'll have a go with it. No worries. You can let me know if it works Quote
Heritage1 Posted December 10, 2016 Report Posted December 10, 2016 Was wondering if you got any help with this, there are several ways , very very easy ways of doing this. Below is the code for 2 Pop - Up windows you can create, and create if so desired as a page in the Admin area. You can also replace the Text for a popup with and image file/thumbnail to. If you have full access to your Server via "FileZilla" etc.... then this is made simple. Let me know how you make out or if this is what your Looking for, hope this helps someone ! <button onclick="myFunction3()"><p style="font-size:130% ; color:red ; "><b>NOAA Aviation Weather</button></b></p> <script> function myFunction3() { window.open("http://new.aviationweather.gov/airep", "_blank", "toolbar=no, scrollbars=yes, resizable=yes, top=50, left=50, width=1100, height=500"); } </script> NOTE: The addresses can be anything, and you can change the colors of the <p style> and the font size with % or 18px. The Higher the value of the percentage or px's, the larger the button. This will open up to a new window, and you can also make It private with changing the window.open attributes to your liking. The window.open attributes are completely changable. Jim Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.