Java 图像文件不是'；t加载到我的#机架上

我现在正试图制作一个交互式公文包页面，我遵循了youtube（）的一个教程，该教程展示了一个简单的java代码，该代码从缩略图中获取“img”信息，然后将其投影到覆盖图上

我遵循的所有操作都一模一样，但出于某种原因，“#框架”一直是空白的

$(function(){
    $("#portfolio img").click(function(){
        var src = $(this).attr("src");
        $("#frame img").attr("src", src);
        $("#frame").fadeIn();
        $("#overlay").fadeIn();
    });
});

下面是java代码

    <div id = "overlay"></div>
    <div id = "frame"></div>
    <img src = "" alt = ""/>

<div id = "work">
        <h1>Here is my portfolio</h1>
        <p>This has some paragraphes in this</p>
        <ul id = "portfolio">
            <li><img src = "images/nxfwXYK.jpg" alt = "img"></li>
            <li><img src = "images/demo.jpg" alt = "img"></li>
            <li><img src = "images/demo.jpg" alt = "img"></li>
            <li><img src = "images/demo.jpg" alt = "img"></li>
        </ul>
    </div>

这是我的投资组合
这里面有一些段落

---

这是包含图像的Html代码。

您的图像在帧

div

之外，因此将其放入

div

内部，因为jquery选择器

$（“#frame img”）

指示img在div内部：

<div id = "frame"><img src = "" alt = ""></img></div>

---

您的图像在帧

div

之外，因此将其放入

div

内部，因为jquery选择器

$（“#帧img”）

指示img在div之内：

<div id = "frame"><img src = "" alt = ""></img></div>

---

您的图像在帧

div

之外，因此将其放入

div

内部，因为jquery选择器

$（“#帧img”）

指示img在div之内：

<div id = "frame"><img src = "" alt = ""></img></div>

---

您的图像在帧

div

之外，因此将其放入

div

内部，因为jquery选择器

$（“#帧img”）

指示img在div之内：

<div id = "frame"><img src = "" alt = ""></img></div>

我的意思是：

<div id = "overlay"></div>
<div id = "frame">
    <img src = "" alt = ""/> // the img is now inside the #frame element
</div>

<div id = "work">
    <h1>Here is my portfolio</h1>
    <p>This has some paragraphes in this</p>
    <ul id = "portfolio">
        <li><img src = "images/nxfwXYK.jpg" alt = "img"></li>
        <li><img src = "images/demo.jpg" alt = "img"></li>
        <li><img src = "images/demo.jpg" alt = "img"></li>
        <li><img src = "images/demo.jpg" alt = "img"></li>
    </ul>
</div>

//img现在位于#frame元素中
这是我的投资组合
这里面有一些段落

我的意思是：

<div id = "overlay"></div>
<div id = "frame">
    <img src = "" alt = ""/> // the img is now inside the #frame element
</div>

<div id = "work">
    <h1>Here is my portfolio</h1>
    <p>This has some paragraphes in this</p>
    <ul id = "portfolio">
        <li><img src = "images/nxfwXYK.jpg" alt = "img"></li>
        <li><img src = "images/demo.jpg" alt = "img"></li>
        <li><img src = "images/demo.jpg" alt = "img"></li>
        <li><img src = "images/demo.jpg" alt = "img"></li>
    </ul>
</div>

//img现在位于#frame元素中
这是我的投资组合
这里面有一些段落

我的意思是：

<div id = "overlay"></div>
<div id = "frame">
    <img src = "" alt = ""/> // the img is now inside the #frame element
</div>

<div id = "work">
    <h1>Here is my portfolio</h1>
    <p>This has some paragraphes in this</p>
    <ul id = "portfolio">
        <li><img src = "images/nxfwXYK.jpg" alt = "img"></li>
        <li><img src = "images/demo.jpg" alt = "img"></li>
        <li><img src = "images/demo.jpg" alt = "img"></li>
        <li><img src = "images/demo.jpg" alt = "img"></li>
    </ul>
</div>

//img现在位于#frame元素中
这是我的投资组合
这里面有一些段落

我的意思是：

<div id = "overlay"></div>
<div id = "frame">
    <img src = "" alt = ""/> // the img is now inside the #frame element
</div>

<div id = "work">
    <h1>Here is my portfolio</h1>
    <p>This has some paragraphes in this</p>
    <ul id = "portfolio">
        <li><img src = "images/nxfwXYK.jpg" alt = "img"></li>
        <li><img src = "images/demo.jpg" alt = "img"></li>
        <li><img src = "images/demo.jpg" alt = "img"></li>
        <li><img src = "images/demo.jpg" alt = "img"></li>
    </ul>
</div>

//img现在位于#frame元素中
这是我的投资组合
这里面有一些段落

这将起作用

$(function(){
    $("#portfolio img").click(function(){
        var src = $(this).attr("src");
        $("#frame").css("background-image", src);
        $("#frame").fadeIn();
        $("#overlay").fadeIn();
    });
});

这会有用的

$(function(){
    $("#portfolio img").click(function(){
        var src = $(this).attr("src");
        $("#frame").css("background-image", src);
        $("#frame").fadeIn();
        $("#overlay").fadeIn();
    });
});

这会有用的

$(function(){
    $("#portfolio img").click(function(){
        var src = $(this).attr("src");
        $("#frame").css("background-image", src);
        $("#frame").fadeIn();
        $("#overlay").fadeIn();
    });
});

这会有用的

$(function(){
    $("#portfolio img").click(function(){
        var src = $(this).attr("src");
        $("#frame").css("background-image", src);
        $("#frame").fadeIn();
        $("#overlay").fadeIn();
    });
});

首先隐藏你的积木

<style>
    #overlay, #frame{
        display: none;
    }
</style>

#覆盖层，#框架{
显示：无；
}

然后把img放在正确的位置

    <div id="overlay">
        <div id="frame">
            <img src="" alt=""/>
        </div>
    </div>

首先隐藏块

<style>
    #overlay, #frame{
        display: none;
    }
</style>

#覆盖层，#框架{
显示：无；
}

然后把img放在正确的位置

    <div id="overlay">
        <div id="frame">
            <img src="" alt=""/>
        </div>
    </div>

首先隐藏块

<style>
    #overlay, #frame{
        display: none;
    }
</style>

#覆盖层，#框架{
显示：无；
}

然后把img放在正确的位置

    <div id="overlay">
        <div id="frame">
            <img src="" alt=""/>
        </div>
    </div>

首先隐藏块

<style>
    #overlay, #frame{
        display: none;
    }
</style>

#覆盖层，#框架{
显示：无；
}

然后把img放在正确的位置

    <div id="overlay">
        <div id="frame">
            <img src="" alt=""/>
        </div>
    </div>

在您提供的代码中，img不在

#框架内

，请尝试将其放入

#框架内

，以下是java代码。但是，java代码在哪里？只有JavaScript和html。在您提供的代码中，img不在

#frame

中，请尝试将其放在

#frame

中，以下是java代码。但是，java代码在哪里？只有JavaScript和html。在您提供的代码中，img不在

#frame

中，请尝试将其放在

#frame

中，以下是java代码。但是，java代码在哪里？只有JavaScript和html。在您提供的代码中，img不在

#frame

中，请尝试将其放在

#frame

中，以下是java代码。但是，java代码在哪里？只有JavaScript和html。嘿！所以我把这个放在divs里面，我也遇到了同样的问题。它在Html中的位置重要吗？嘿！所以我把这个放在divs里面，我也遇到了同样的问题。它在Html中的位置重要吗？嘿！所以我把这个放在divs里面，我也遇到了同样的问题。它在Html中的位置重要吗？嘿！所以我把这个放在divs里面，我遇到了同样的问题？