javascript - Is there any simple js that can be used to zoom in and out by clicking on the image?

I want to use a js that can zoom in and out of images in html. It is best to use two kinds of images, one big image and one small image. Is there a simpler image sharing function for the mall's comments? I don't know.

習慣沉默 2017-05-19 10:47:30 0  2  781

How to allow chrome extension to access his path and files

I'm making an Opera extension and I want to get some images stored in the extension's path. What this plugin does is, on a specific web page, change the background image URL and some icons to custom icons within the extension. However, when I run the script, everything becomes invisible, meaning it ...

P粉644981029 2024-02-26 23:12:34 0  1  819

webpack packaging jQuery plugin - Stack Overflow

In multiple pages, first use providePlugin to expose jQuery to the global {code...} When referencing the jQuery plug-in, I find that I don’t know what to do. If it is an ordinary js plug-in, just require it in directly. However, some plug-ins have both js, css and pictures. If used in every page...

黄舟 2017-06-26 10:50:32 0  2  884

Align and scale images

I need help with this code on my W3Schools website, I want to keep all elements in the center of the page. However, when I center, the feature's lens targets the old position of the image. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_zoom I changed the code, but I can’t underst...

P粉015402013 2024-03-22 11:26:07 0  1  352

The zoom result is black

Why is the image obtained after scaling according to the source code black and nothing?

Hide on bush 2019-02-21 13:41:46 0  2  1301

HTML hover image: expand clickable area beyond image

I'm relatively new to css/html. I've been browsing around this issue for a while but haven't found a solution. The problem is that if I use the code below (using Bulma), when hovering over img3.jpg, the clickable area is the entire block starting from the first one. I suspect the problem may be a co...

P粉459440991 2023-09-10 16:08:26 0  1  717

Scale CSS sprites to background images: a guide

.my-sprite{background-image:url("https://i.stack.imgur.com/lJpW8.png");height:100px;width:100px;background-position:00;background-position:-200px0px;}<divclass="my-sprite">&l

P粉063862561 2023-11-02 10:39:28 0  2  831

javascript - How to disable content image resizing in tinymce editor?

As the title states, tinymce is currently used as the editor for sending Weibo content. After inserting a picture, I found that I can change the size by clicking on the picture, that is, four dots appear, and I can zoom in and out of the picture. How can I disable this?

巴扎黑 2017-07-05 10:41:20 0  1  1212

javascript - Problems with canvas processing images

I need to use canvas to process a picture uploaded by the user. The size uploaded by the user may be very large, for example, it will exceed the width and height of the current browser window, so I scale it proportionally to the visible area of ​​the browser, and then Draw it onto the canvas, but th...

扔个三星炸死你 2017-06-10 09:49:16 0  3  1035

Unable to create responsive grid area using svg image

When I try to create a responsive grid area containing an svg image, I'm encountering strange behavior, such as arbitrary grid area widths, and not being able to get the image to grow or shrink to a certain point without stopping. The closest I got was: *{box-sizing:border-box;}body{margin:0;}header...

P粉022140576 2023-08-30 19:15:16 0  1  585

javascript - Why are the pixels around the image blurred when it is loaded into the browser?

I made a picture of 1000px*1000px, and the first pixel has a fill color. After zooming in on Windows, the normal front-end requested this picture and set style: width: 40000px; height: 40000px; after zooming in many times, the surrounding pixels are very blurry. I feel that no matter how much you zo...

高洛峰 2017-05-19 10:34:48 0  3  569

Making buttons that adapt to screen size - detailed explanation of how to use background images

I'm developing a pfsensecaptiveportal that requires multiple graphics to be displayed side by side and adaptable to the device screen size. This can be achieved nicely using the image input type. However, the pfsense device does not recognize this commit correctly. It requires a commit type with a v...

P粉345302753 2023-08-16 13:38:12 0  1  657

Automatically expand text area

I'm trying to make a simple auto-expanding text area. This is my code: textarea.onkeyup=function(){textarea.style.height=textarea.clientHeight+'px';} But the textarea grows infinitely as you type... I know there are Dojo and jQuery plugins It is possible to achieve this, but I don't want to use them...

P粉245489391 2023-10-21 08:49:23 0  2  709

javascript - How to implement the front-end image in the article. Click to pop up to enlarge, then click to retract.

In a recent project, there was an article published by a member. When the article displays illustrations on the mobile phone, it sometimes needs to be zoomed in to view, and cannot be clicked to enlarge. The only thing that can be operated here is the img tag. $("img").click(function(){ {c...

过去多啦不再A梦 2017-06-26 10:51:46 0  5  1014

How to add path and voice files to imageview in android, record the positions of path and voice, and keep the position unchanged during editing

Draw a path on the picture. Voice can be added at the end of the path. Click the voice to play. When completed, the positions of the path and the voice will be recorded. When editing, the path and voice can be deleted and re-added. If the image is scaled, the path also needs to be scaled accordingly...

黄舟 2017-05-24 11:37:46 0  1  976

Place interactive markers on images using React

please help. I have an image like the one below that is displayed on the home page (a larger image). Note that the "FORGE" house has a white and blue marker with a black arrow in the middle. The same goes for "rental" homes. Each of these markers will act as an interactive button...

P粉896751037 2023-09-08 21:25:41 0  1  855

javascript - How to use this js?

{Code...} I want to use this image in the htm file. Click to enlarge the js, and then use this code directly in the htm. {Code...} How to use this together? Use the above code directly in the htm, and then call This js

習慣沉默 2017-05-19 10:47:33 0  1  728

css - How to solve the problem of float elements falling

I want to achieve this effect, but the current code is like this {code...} {code...} I want to ask how to solve it. I read a lot of replies about the width problem. After I change the width, the background image of the div is displayed. Not complete. Is there any way to scale the photo proportionall...

怪我咯 2017-05-16 13:36:42 0  7  1259

How to prevent the converted elements from overflowing and automatically cutting them off?

I'm using Bootstrap4 to make a modal gallery for a friend's personal website. I set it up so that the images expand on hover - but when I set overflow to auto, they get cut off at the edge of the modal (or div). The Gallery is also the third in a set of tabs, but all of them work great. I've tried c...

P粉242535777 2023-09-07 20:04:02 0  1  609

How to align images using CSS grid?

I'm trying to build part of a website using CSS grid. I'm trying to get the list and image to stay on the same line and scale down/grow when the screen size changes. The code is pasted below. Any help is greatly appreciated. I'm wondering if the error is within my grid template. .pm{display:inline-g...

P粉463824410 2024-04-01 22:08:31 0  1  518