Question

我找到了这个脚本。但我想显示另一个图像而不是文本“SOME TEXT”。

$(document).ready(function()
    {
        setTimeout(function()
        {
            $("div#outer").fadeOut("slow", function ()
            {
                $("div#outer img").remove();                
                $("div#outer").html($("div#text").text());
                $("div#outer").show();
            });
         }, 5000);
     });

<div id="outer"><img src="http://existdissolve.com/wp-content/uploads/2010/08/microsoft-logo-64x64.png" alt="" /></div>
<div id="text" style="display:none">SOME TEXT</div>

Answer 1

您可以更改图像src或删除图像，并创建一个具有动态ID或smth的新图像。

这是一个小提琴：https://jsfiddle.net/s57qok3n/。

HTML：

<div id="outer"><img src="http://existdissolve.com/wp-content/uploads/2010/08/microsoft-logo-64x64.png" alt="" /></div>

JS：

$(document).ready(function()
    {
        setTimeout(function()
        {
            $("div#outer").fadeOut("slow", function ()
            {
                $("div#outer img").remove();                
                var img = $('<img id="dynamic">'); //Equivalent: var img = $(document.createElement('img'))
                img.attr('src', 'http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg');
                img.appendTo('div#outer');
                $("div#outer").show();
            });
         }, 5000);
     });

如果您只想更改src属性，请转到：

$(document).ready(function () {
    setTimeout(function () {
        $("div#outer").fadeOut("slow", function () {
            $("div#outer img").prop('src', 'http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg');
            $("div#outer").show();
        });
    }, 5000);
});

工作js小提琴：https://jsfiddle.net/4faco2d9/

Answer 2

但我想显示另一张图片而不是文字＆＃34; SOME TEXT＆＃34;

如果您要更改更改文字的操作的图像而不是：

你可以试试这个：

$(document).ready(function()
    {
        setTimeout(function()
        {
            $("div#outer").fadeOut("slow", function ()
            {
                $("div#outer img").prop('src','the new img url');                    
            });
         }, 5000);
     });

您的问题并非100％明确。

5秒后将图像1替换为图像2

2 个答案: