I found code at w3schools for opening thumbnails into full-sized modal images that works really well, except that some of the images are very wide panoramas, and the definition I am using for the modal (60% width) does not work well for these wider images, which are very short as a result. The other images fill the screen vertically at 60% width, but not the panoramas. How can I create a different definition for the panoramas? I wanted to post my code but I don't understand the directions for doing so and I am afraid of doing it incorrectly. I think my question is virtually meaningless without the code. Thanks for any directions you can provide. Is there a video tutorial anywhere on how to post your code to this site?
To post your code just cut-n-paste the code. Then drag the cursor over the code so that it is highlighted. Then click on the 'Code' button just above the edit window. To see if it worked click on the 'Preview' button below the edit window. The code should appear in the preview window with line numbers.
Thank you. Here it is. It's mich longer than the 20 lines of code you recommend in the FAQ, but I stripped out everything that I thought was not essential to the problem and left what I thought was in. This is my first post. Trial by error.
Thank you. I see that the version of the page I posted uses a height: 70% as opposed to width: 60% definition, as referenced in my post. Sorry for the error/confusion. But the problem is the same: the panorama spills over the edges of the screen while displaying correctly for the other 2 images. So I need something like height: 50% for the panorama - just not sure how to write the code to get 2 different classes of images.
You showed up just in time for the waffles! And this tiny ad:
Building a Better World in your Backyard by Paul Wheaton and Shawn Klassen-Koop