Html 硬链接URL中的Rel

Html 硬链接URL中的Rel,html,css,url,rel,Html,Css,Url,Rel,有没有可能建立一个链接,这样它就引出了一个主题的关系 例如,如果链接是 <a href="picture.jpg" rel="lightbox">Click here</a> 有没有可能有一个用户链接,当他们进入页面时,它会自动打开灯箱 比如说 或者类似的东西?是的,但是没有浏览器包含灯箱,所以您需要编写或查找代码来制作其中一个。是的,这是可能的。你最好使用像这样的URLhttp://domain.com/lightbox,并编写一个小脚本: //jQuery samp

有没有可能建立一个链接,这样它就引出了一个主题的关系

例如,如果链接是

<a href="picture.jpg" rel="lightbox">Click here</a>
有没有可能有一个用户链接,当他们进入页面时,它会自动打开灯箱

比如说


或者类似的东西?

是的,但是没有浏览器包含灯箱,所以您需要编写或查找代码来制作其中一个。

是的,这是可能的。你最好使用像这样的URLhttp://domain.com/lightbox,并编写一个小脚本:

//jQuery sample
$(document).ready(function() { 
     if (location.hash == "#lightbox") {
          //Just show your lightbox manually
     }
});

您可以通过一点jQuery来实现这一点

$(a[rel=lightbox]).click(function(e) {
  // open the lightbox with the link url inside
  return false
});

让href指向要显示的实际图像或任何其他资源是更好的选择,因为在不使用javascript的情况下仍然可以访问内容。如果有一个rel=lightbox的多个链接,则必须向该链接添加一些自定义属性