使用 JavaScript 更改图像源

2023-12-11

所以我是 JavaScript 新手(这实际上是我第一次尝试让某些东西发挥作用)并且我遇到了一些麻烦。我以为我有足够的知识来完成这项工作,我什至在谷歌上搜索了可以帮助我解决这个问题的教程和脚本,但没有任何真正的帮助。

我似乎无法更改图像源,这是我迄今为止拥有的代码:

    function changeImage(a) {
        document.getElementById("img").src=a.src;
    }
    <div id="main_img">
        <img id="img" src="1772031_29_b.jpg">
    </div>
    <div id="thumb_img">
        <img src='1772031_29_t.jpg'  onclick='changeImage("1772031_29_b.jpg");'>
        <img src='1772031_55_t.jpg'  onclick='changeImage("1772031_55_b.jpg");'>
        <img src='1772031_53_t.jpg'  onclick='changeImage("1772031_53_b.jpg");'>
    </div>

如果我做错了什么,有人可以解释一下吗?或者也许我错过了一些东西?请帮帮我 :-)


function changeImage(a)所以不存在这样的事情a.src=> 只需使用a.

demo here

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 JavaScript 更改图像源 的相关文章

随机推荐

  • Spark 中的嵌套并行化?正确的做法是什么?

    嵌套并行化 假设我正在尝试在 Spark 中执行相当于 嵌套 for 循环 的操作 就像在常规语言中一样 假设我在内部循环中有一个例程 可以以这种方式估计 PiPi Average Spark 示例确实如此 请参阅估计 Pi i 1000
  • Python lmfit 约束:a < b < c

    我在用lmfit在Python中拟合一些数据 其中包括拟合变量a b和c 我需要确保 a http cars9 uchicago edu software python lmfit MinimizerResult constraints h
  • Android 和 Proguard?

    我正在尝试在我的 Android 应用程序中使用 proguard proguardGui 接受一个输入和一个输出 输入需要一个 jar 文件 但是android的APK文件不包含任何jar 我尝试传递 apk 文件以及 apx 内的 de
  • 登录失败时如何在没有数据绑定的情况下清除PasswordBox的内容?

    我有一个 wpf 应用程序 由于我无法控制的原因 我正在仔细遵循 mvvm 模式 出于我无法控制的安全原因 我不想将数据绑定到我的密码框 登录失败时如何清除密码框内容 我更喜欢在 xaml 中这样做的方法 您可以创建您的attached D
  • 如何在 WebView 中上传多个图像?

    如何使我的应用程序的 WebView 中的文件上传行为与浏览器应用程序中的行为相同 我正在尝试在我的 Android 应用程序中创建一个 WebView 允许上传用相机拍摄的多张图像 当我在浏览器应用程序中打开下面的 HTML 代码时 我可
  • 使用 Javascript 加载其他外部 Javascript

    我有一个 JS 代码库可以从文件夹中加载 而不是键入HTML 文档的标记中一行一行 有没有一种方法可以仅链接一个 Javascript 文件来组织并自动加载其他 javascript 文件 我知道 Dojotoolkit 正在使用这种技术
  • 使用实体框架级联删除 - EF 删除的相关实体

    我在实体框架中遇到删除问题 简而言之 EF 显式尝试从数据库中删除实体 即使我已显式配置 EF 以在数据库中使用级联删除 我的设计 我有三种实体类型 MainEntity EntityTypeA and EntityTypeB EF已配置删
  • Google 地图嵌入 + 搜索框

    我正在尝试为我的网站制作一张地图 它将显示一些餐馆的标记 我还希望人们能够搜索地图 这样他们就可以查找地址并能够看到该地区的餐馆 我得到了带有我想要的标记的地图代码
  • 右浮动和绝对位置不能一起工作

    我希望 div 始终位于其父 div 的右侧 所以我使用float right 有用 但我也希望插入时不影响其他内容 所以我使用position absolute Now float right不起作用 我的 div 始终位于其父 div
  • 如何让 UITextView 检测网站、邮件和电话号码的链接

    我有一个 UITextView 对象 UIView 中的文本有电话号码 邮件链接 网站链接 我想将它们显示为具有以下功能的链接 当有人点击 URL 时 Safari 应打开该网站 当有人点击电子邮件链接时 邮件应该打开 并且我的地址位于字段
  • 将 CCMenu 与网格对齐

    有谁知道让 CCMenuItems 数组与网格对齐的最佳实践方法 这是一个cocos2d问题 例如 int levelCount 10 CCMenu menuArray CCMenu menuWithItems nil for int x
  • 使用ajax设置PHP会话变量

    想要更改 SESSION 变量 fullname 的值而不刷新页面 我使用ajax的实现 第 1 页 html
  • java swing应用程序中的快速搜索?

    我正在思考什么组件最适合在 swing 中显示快速搜索结果 我想创建这样的东西 创建一个文本字段 用户可以在其中输入一些文本 在输入过程中我将改进数据库的后端快速搜索 并且我想在文本框下方显示数据 他将能够浏览结果并按输入结果将显示在表格中
  • 在ASP.NET中添加动态控件,1.1和2.0有区别吗?

    我非常确定在 ASP NET 1 0 1 1 时代 需要在运行时创建的控件之前添加Page Load事件的页面生命周期 即里面Page Init 这是 Microsoft 的一篇文章 针对 NET 1 0 1 1 如何 在 ASP NET
  • 将 UWP 应用上传到 Windows 应用商店时出错:无法合并 PRI 文件 \Resources_split.scale-100.pri

    我正在将应用程序的最新版本上传到 Windows 商店 但我的应用程序抛出错误 包接受验证错误 我们遇到了致命错误 解析包时 MyApp UWP 2 33 0 0 x86 x64 ARM AppStore appxbundle 失败 合并
  • java中txt文件格式验证

    验证 txt 文件是否为以下内容的最佳方法是什么 事实上 是一个 txt 文件 而不是其他类型的文件 仅更改了扩展名 txt 文件的格式与指定的格式匹配 因此能够正确解析 包含所有相关信息等 这一切都是在 Java 中完成的 其中将检索文件
  • 未捕获的引用错误:..未定义..但我可以在错误字符串中看到该变量

    这行代码var sTest 返回 未捕获的引用错误 未定义 对于这个问题 如果我们假设我传递的 ID 为 ABC 当我使用 Chrome 中的开发人员工具并检查资源时 我可以看到 GEThas有效 因为它显示了变量值 本例中的错误消息是 未
  • 在mysql中使用单个where条件和单个关键字搜索表的所有列

    我有一个由 64 个不同字段组成的表 我将使用其中的单个关键字进行搜索 结果应与任何字段中的关键字匹配 给一些建议 SELECT FROM some table WHERE CONCAT WS column1 column2 column3
  • 在 Delphi 中通过名称获取类

    我想编写一个接受类名并产生相应结果的函数TClass 我注意到 System Classes GetClass如果类名未注册 该函数将不起作用 Example if GetClass TButton nil then ShowMessage
  • 使用 JavaScript 更改图像源

    所以我是 JavaScript 新手 这实际上是我第一次尝试让某些东西发挥作用 并且我遇到了一些麻烦 我以为我有足够的知识来完成这项工作 我什至在谷歌上搜索了可以帮助我解决这个问题的教程和脚本 但没有任何真正的帮助 我似乎无法更改图像源 这