+ 1

Resizing a window

How do I resize a window that I opened like this. <a href="image1.jpg" target="_blank"> <img src="image1.jpg" /> </a> I used this in my code to enlarge an image. But the enlarged image is too large. I want it to fit my phone's screen.

7th Apr 2020, 8:15 PM
Fasasi Sherif
Fasasi Sherif - avatar
5 Answers
+ 2
Thanks it worked. The code helped me. Thank you so much. I realized that the error is from my code editor it. It zooms out the image itself. But when I uploaded it on Github and viewed it with a browser, it came out norma as should be. Here the link to what I did. https://fasasisherif.github.io/Image-Zoom/Image_Zoom.html
8th Apr 2020, 12:04 AM
Fasasi Sherif
Fasasi Sherif - avatar
+ 1
I've given it dimensions for before the image is clicked. The image is much smaller then. How do I separately adjust the image for when I click on it?
7th Apr 2020, 8:37 PM
Fasasi Sherif
Fasasi Sherif - avatar
+ 1
What if I want a situation where I click, the image zooms out and buttons appear on the left and right of it. For every image in a gallery I click on?
8th Apr 2020, 12:09 AM
Fasasi Sherif
Fasasi Sherif - avatar
0
If you use the Bootstrap just give a class to image as class="img-fluid" This class will give you a image responsive for all types of devices if you don't use bootstrap Give dimensions to the image This will fit to your mobile screen
7th Apr 2020, 8:25 PM
Gouse Basha
Gouse Basha - avatar
0
Check this If you still can't get let me know! https://code.sololearn.com/WcLdWm13cF9z/?ref=app
7th Apr 2020, 8:47 PM
Gouse Basha
Gouse Basha - avatar