Question

我正在尝试创建一个页面，当点击链接时，会显示相应的图片，其下方会显示一个可点击的链接，表示＆＃34;点击查看图库＆＃34;

到目前为止，我已编写代码以使用＆＃39; onclick＆＃39;来更改图像。命令，但我不确定如何在图像下方添加文字。

以下是my website现在的代码。

JS：

function changeImage(element) {
document.getElementById('imageReplace').src = element;
}

HTML：

<a href="#/" onclick="changeImage('IMAGE001');">1025 W 3rd</a>
<a href="#/" onclick="changeImage('IMAGE002');">959 - 965 Schrock Rd</a>
<a href="#/" onclick="changeImage('IMAGE003');">7099 Huntley Rd</a>

因此，我需要在图片下方添加 点击查看属性库 的文字。该链接必须是一个独特的链接，根据＆＃39; onclick＆＃39;导致相应的属性。用户在左栏中选择的链接。

例如，用户在左栏中选择 1025 W 3rd ，并且相应的图片会显示一个选项，供用户单独查看该属性的图库（其中将是一个单独的网页）

我不确定我的下一步应该是什么。是否更好地更改链接和“点击更改div”＃39;命令类型？

非常感谢你的帮助。

-Kas

修改我添加了当前的代码，以便任何读者都能更好地了解我目前拥有的内容。

Answer 1

您需要在图片后面添加一个链接并添加一个ID。

<div id="divright">
    <img src="http://new.oxrealty.com/wp/wp-content/uploads/2015/08/CommercialPropertiesDef.png" alt="Images" id="imageReplace">
    <a href="#" id="linkReplace">Click to view Gallery</a>
</div>

然后更改函数changeImage以接受链接的附加参数，并且还应该更改链接的href属性。

function changeImage(image, link) {
    document.getElementById('imageReplace').src = image;
    document.getElementById('linkReplace').href = link;
}

然后更改链接以使用链接

调用更新的函数

onclick="changeImage('CUSTOM_IMAGE', 'CUSTOM_LINK');"

Example jsfiddle

Answer 2

你的代码很好。例如，要更改id为“text”的div的值，您只需在JS中执行：

document.getElementById('text').value = 'Type the new value here';

希望这就是你要找的东西！

在链接上，点击包含文字的新图片

2 个答案: