2013-02-25 99 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的這個例子。