Question

HTML
<img class="img-thumbnail img-responsive" src="assets/img/a.png" id="ltri" height="200" width="200"> <img class="img-thumbnail img-responsive" src="assets/img/a1.png" id="ltri1" height="200" width="200">

的JavaScript

 function loadimg(tag){
var myimg = new Image();
myimg.src = 'assets/img/'+tag+'.png';
$("#ltri").attr("src",myimg.src);
// -- image 2
var myimg = new Image();
myimg.src = 'assets/img/'+tag+'1.png';
$("#ltri1").attr("src",myimg.src);
}
// After Loading image (A for APPLE, B for Ball) Audio Played
$("#ltri").css(
{
    "background-color": "none",
    "animation-name": "example",
    "animation-duration": "3s"
}
);
setTimeout(function(){
$("#ltri1").css(
{
    "background-color": "none",
    "animation-name": "example",
    "animation-duration": "3s"
}); 
}, 3000);

现在我想更改每次 loadimg（）电话的背景信息。
但是只有一次改变背景，而不是每次通话都不会有效。

<li onclick="loadimg('a')">A for: Apple</li>
<li onclick="loadimg('b')">B for: Ball</li>

页面 ScreenShoot
See Image of my working Page but not Highlighting Images
在播放音频时（一个FOR苹果（img 一个），一个用于Ant（img a1 ）。我想在前三个中突出显示苹果（图像1）音频秒数其他3秒ANT均值（图像2）全音频由6秒组成，用于两个图像
请帮助如何更改背景以突出显示？

javascript动态图片内容突出显示不起作用

0 个答案: