个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
好吧，这就是我想要做的，之前太模糊了，所以这里有一个更好的解释，请记住，我现在只编写页面大约两周时间，所以感谢任何帮助。
我需要创建一个 HTML/JavaScript 网页，显示三个图像以及每个图像的标题(描述)。对于每个图像，我还需要创建一个按钮，将第一张图像更改为同一主题的不同图像(并更改标题)。还需要一个按钮将所有三个图像恢复为原始图像。
我让编码工作起来，这样在单击按钮时一张图像就会变成另一张图像，但是当我添加第二个和第三个编码时，什么都不再工作了。
<html>
<head>
<script>
function changeImage()
{
var img = document.getElementById("image");
img.src="http://cdn.memegenerator.net/images/300x/159304.jpg";
return false;
}
</script>
</head>
<body>
<img id="image" src="http://thechive.files.wordpress.com/2011/10/william-defoe.jpg" />
<br><br><br>
<button id="clickme" onclick="changeImage();">Click to change image!</button>
<script>
function changeImage()
{
var img = document.getElementById("image1");
img.src="http://playerperspective.com/wp-content/uploads/2011/05/mike-tyson-3.jpg";
return false;
}
</script>
<body>
<img id="image1" src="http://static.guim.co.uk/sys- images/Sport/Pix/pictures/2008/10/31/1225454147507/Mike-Tyson-001.jpg" />
<button id="Click1" onclick="changeImage();">Click to change!</button>
</body>
<br>
<script>
function changeImage()
{
var img = document.getElementById("image2");
img.src="http://static.guim.co.uk/sys-images/Technology/Pix/pictures/2012/3/5/1330958259135/Halo-4-007.jpg";
return false;
}
</script>
<body>
<img id="image2" src="http://cdn.slashgear.com/wp-content/uploads/2012/04/halo-master- chief-1.jpg" />
<button id="Click2" onclick="changeImage();">Click to change!</button>
</body>
<br>
</html>
最佳答案
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
var dd = 5;
var cnt = 0;
function chng() {
var rotator = document.getElementById('rr'); // change to match image ID
var imageDir = 'Images/'; // change to match images folder
var images = ['2.jpg', '3.jpg', '4.jpg', '5.jpg'];
cnt++;
var len = images.length;
if (cnt < dd) {
rr.src = imageDir + images[cnt];
}
else if (cnt == len) {
rr.src = imageDir + images[0];
cnt = 0;
}
}
</script>
</head>
<body>
<img src="Images/1.jpg" id="rr" height="500" width="650">
<input type="button" value=" next. . " onclick="chng()" />
</body>
</html>
关于Javascript 多图像通过按钮点击进行更改，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13216141/
24
4
0
我有一个功能是转换 ADO Recordset 进入html: class function RecordsetToHtml(const rs: _Recordset): WideString; 该函
经过几天的研究和讨论，我想出了这种方法来收集访客的熵(你可以看到我的研究历史here) 当用户访问时，我运行此代码: $entropy=sha1(microtime().$pepper.$_SERVE
给定一个无序列表 List ，我需要查找是否存在 String与提供的字符串匹配。 所以，我循环 for (String k : keys) { if (Utils.keysM
我已经搜索过这个问题，但没有找到我正在寻找的答案。 基本上，我想将类构造函数包装在 try/except 子句中，以便它忽略构造函数内特定类型的错误(但无论如何都会记录并打印它们)。我发现做到这一点的
我有一组三个数字，我想将一组数字与另一组数字进行比较。即，第一组中的每个数字小于另一组中的至少一个数字。需要注意的是，第一组中的下一个数字必须小于第二组中的不同数字(即，{6,1,6} 对 {8,8,
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。 关闭 9 年前。 Improve this
首先介绍一下背景: 我正在开发一个带有 EJB 模块和应用程序客户端模块的企业应用程序 (ear)。我还使用 hibernate JPA 来实现持久性，并使用 swingx 来实现 GUI。这些是唯一
我正在尝试在我的上网本上运行 Eclipse 以便能够为 Android 进行开发。 您可能已经猜到了，Eclipse 非常慢，并且不容易有效地开发。 我正在使用 Linux Ubuntu 并且我还有
for row, instrument in enumerate(instruments): for col, value in enumerate(instrument):
return not a and not b ^ 我如何以更好的格式表达它 最佳答案 DeMorgan's Law ， 也许？ return not (a or b) 我认为在这一点上已经足够简单了
我正在尝试让 Font Awesome 图标看起来更 slim https://jsfiddle.net/cliffeee/7L6ehw9r/1/ . 我尝试使用“-webkit-text-strok
假设我有一个名为 vals 的数据框，如下所示: id…………日期…………min_date…… .........最大日期 1…………2016/01/01…………2017/01/01…………2018/
是否有更 Pythonic 的方式来做到这一点？: if self.name2info[name]['prereqs'] is None: se
我有一个函数可以将一些文本打印到它接收到的 ostream&。如果 ostream 以终端为目标，我想让它适应终端宽度，否则默认为某个值。 我现在做的是: 从 ostream 中获取一个 ofstre
这个问题在这里已经有了答案: Should a retrieval method return 'null' or throw an exception when it can't produce
我有这个 bc = 'off' if c.page == 'blog': bc = 'on' print(bc) 有没有更 Pythonic(和/或更短)的方式在 Python 中编写？ 最佳
输入:一个包含 50,000 行的 CSV；每行包含 910 列值 0/1。 输出:运行我的 CNN 的数据框。 我编写了一个逐行读取 CSV 的代码。对于每一行，我将数据分成两部分，称为神经元(90
据我所知，with block 会在您退出 block 后自动调用 close()，并且它通常用于确保不会忘记关闭一个文件。 好像没有技术上的区别 with open(file, 'r+') as f
我有一个使用 Entity Framework V6.1.1 的 MVC 5 网站。 Entity Framework DbContext 类和模型最初都在网站项目中。这个项目有 3 个 DbCont
我是编程新手，在尝试通过将 tableView 和关联 View 的创建移动到单独的类并将委托(delegate)和数据源从 VC 移动到单独的类来精简我的 ViewController 时遇到了一些
我是一名优秀的程序员,十分优秀！