Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > Solution to the problem of dynamically changing the src attribute of img with javascript and the image is not displayed_Image special effects

Solution to the problem of dynamically changing the src attribute of img with javascript and the image is not displayed_Image special effects

WBOY
Release： 2016-05-16 18:18:19
Original
2260 people have browsed it

First, let’s talk about the occurrence of this bug. The page contains

Copy code The code is as follows:
Such an a tag, The JS code in onclick is to change the src attribute of the img tag with the id of current to achieve the effect of dynamically switching images. But unfortunately: IE dynamically changes the path of the image, but the image is not displayed. You have to right-click and "Show Image" to see the changed image. I don't know the reason, but it is said to be or Using the a tag in this way does not prevent the a tag from triggering some behavior, causing IE6 to mistakenly think that the page has been refreshed or redirected, and interrupts All current connections are blocked, so that the loading of new pictures is aborted (I don’t know whether it is true or not). Regardless of whether the reason is true or false, let’s talk about the solution first

Simple solution:
Copy code The code is as follows:


Just add return false; after the code
Related labels：
dynamic change
source：php.cn
Previous article：How to write extension plug-ins and extension functions under jQuery (a typical example of using anonymous functions)_jquery Next article：Basic jquery code to control the number of tabs opened_jquery
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Dynamically modify inline CSS styles in Javafx I'm trying to change the background image of a pane when the application is maximized. My ...
From 2024-04-06 20:57:16
0
1
487
Problems encountered when using opentbs to generate odt files: values ​​of the same key are displayed in the same row instead of separate columns. I'm using a library called OpenTbs to create odt using PHP, I'm using it because columns a...
From 2024-04-06 20:18:18
0
1
483
CSS only method to dynamically modify image src on click without using JavaScript I need to change the src of an image on mouse click using only css like img:active{}
From 2024-04-06 19:25:49
0
1
505
CSS styles not applied to site I'm making a website using Bootstrap5 but the index.css properties are not being applied t...
From 2024-04-06 17:12:23
0
1
336
Status update not working in React-Native on Android I have some code that has pairs of images in a swipeable horizontal gallery. Now when you ...
From 2024-04-06 16:54:10
0
1
410
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template