我有一项任务我需要完成一次面试,而且我遇到了一个烦人的问题。我必须创建一个投资组合网站,在首页上一次显示8个图像。这些图像需要是超链接。
我需要的所有数据(图像位置,网址,标题等)都存储在XML文件中。我已经获得了所有这些数据,并成功创建了一个分页javascript动画,在页面上显示8个图像及其相关标题。
我正在努力做的是将图像变成超链接,我确定答案是盯着我的脸,但每当我尝试添加超链接时,它会停止显示图像或显示图像但会破坏分页和动画。
下面我已经包含了HTML,JS和CSS,显然我没有附加XML,你将无法看到任何东西......我希望有些人知道如何做到这一点!
如果需要XML,请告诉我..
http://jsfiddle.net/gFg56/1/ - 代码
http://cl.ly/KFkx - 首页上的图片看起来是什么意思..
答案 0 :(得分:0)
这应该有效
$('#portfolio-item').append('<li><a href="' + url + '"><img src="' + image + '" alt="' + title + '"></a></li>');
如果没有,你可以发布你得到的错误吗?
再见
答案 1 :(得分:0)
图像是真的需要超链接还是只是表现得像?这里的问题不是基于以下事实:您必须阻止超链接的默认行为,以便您可以使用JavaScript处理呈现并使用JavaScript导航到链接的URL吗?