2013-02-25 101 views
1

我在我的html中使用iframe,正在加载我从网上找到的图片库。每个img都有一个您可以点击的信息栏,当栏打开时,它为观众提供了更多信息。链接内的链接?

<a href="images/test.jpg"> 
     <img src="images/test.jpg", 
     data-big="" 
     data-title="test title" 
     data-description="test description"/> 
    </a> 

我想插入链接的图像内的坐在data-description元素另一个链接,但我不知道这是可能的,如果是这样,怎么样?

+1

你使用什么插件? – 2013-02-25 15:46:09

+0

其实,有一个属性专门为这种情况设计:[* longdesc *](http://reference.sitepoint.com/html/img/longdesc)。但是,由于其支持接近于零,人们必须在JS中实现必要的功能。 – raina77ow 2013-02-25 15:49:56

+0

创建图库时循环的样子是什么?它可以像添加一行到append或insertAfter一样简单。 – slamborne 2013-02-25 15:55:31

回答

0

HTML不允许嵌套链接,尽管您可以挂接一个基于JavaScript的点击处理程序来改变链接的行为。

需要更多详细信息才能完全回答您的问题。

1

http://jsfiddle.net/4YPvp/

.link { 
    position: relative; 
} 
.link span { 
    position: absolute; 
} 

<a class="link" href="http://cnn.com"> 
    <img src="http://placehold.it/150x100" data-big="" data-title="test title" data-description="test description"/> 
    <span data-url="http://npr.org">Other link</span> 
</a> 

$('.link span').click(function (e) { 
    e.preventDefault(); 
    window.location = $(this).attr('data-url'); 
}); 

请注意,我用jQuery的这个例子。