在另一个HTML页面上显示图像(alt)的文本关联

时间:2015-07-14 17:59:11

标签: javascript html css

这可能是一个简单的查找,但由于我不知道如何以谷歌搜索的形式提出我的问题,我把它带到了这里。我有一些div,每个div内都有一个图像。对于每个图像,我给它一个alt用于单词关联。我可能需要使用标题,但是现在我只是为了我的问题而使用alt。我希望用户单击每个图像并将它们全部链接到同一个html页面(有点像正在构建的页面)。对于明显的重构,我只想要其中一个html'在建筑工地'。但是,我希望它们略微个性化,以显示他们点击的图像正在构建中。即:

<div class="view view-first">
               <img src = "img/storage.jpg" alt="Storage Corp">
               <div class="mask">
               <h2>Storage Rental Space</h2>
               <p>Develepment, Server</p>
               <a href ="server.html" class="info">Read More"</a>
            </div>
        </div>

所以我希望他们点击阅读更多内容,让他们转到server.hml,在那里它会说&#39;抱歉存储公司受到限制&#39;。

对于一张图片来说足够简单,但是我要说我有20张,而且我想要一个吐出不同的服务器的对不起......抱歉xxxx正在建设中#39;我是否在server.html中创建了一个空div,并从图像alt文本中调用他们单击到每个图像的html页面的图像?如果是这样,那么正确的语法是什么?也许在过去的几个星期里,我在JS中过于沉重,以至于我无法想出一个正确的方法,而没有声明一个通用的范围来保持字符串并在图像点击上调用它?

感谢您的任何提示!

1 个答案:

答案 0 :(得分:1)

您可能需要服务器端语言或JavaScript才能使结果页面动态化。最简单的方法是在href中包含您想要的文本作为URI的一部分。例如&#34; server.html?text =抱歉+错误+页面&#34;。在server.html中,您可以从GET字符串中获取此变量并将其放入页面中。

所有服务器端语言都允许您访问GET变量。在JavaScript中,它有点复杂。请参阅this question了解相关方法。