如何Facebook的风格弹出窗口的工作？ [英] How do facebook style popup windows work?

问题描述

我想弹出窗口添加到照片库。我用收藏夹之前。但有一个问题，我想。 JQuery的上传，而无需打开新的网页窗口。这意味着，你只要有一个网页与图片。我认为这是不利于搜索引擎优化。 Facebook的使用另一种方式，当你打开照片，你有新的URL（但与父页面的背景）。

I want to add popup windows to photo gallery. I used lightbox before. But there is one problem I think. JQuery uploads the window without opening new page. That means that you just have one page with pictures. I think it is not good for SEO. Facebook uses another way and when you open the photo, you have new url (but with parent page in background).

你能解释这东西的作品？是我的想法关于搜索引擎优化吗？只是为了举例来说，我使用Django，但我认为这并不重要。

Could you explain how this stuff works? Are my thoughts about SEO right? Just for instance, I use django but I think it doesn't matter.

感谢你在前进。

推荐答案

Facebook的同时使用的href 和属性 ajaxify 。 当一个链接被点击的JavaScript将停止链接，从铜锣到另一个页面，加载 ajaxify 指定的页面加载弹出。如果JavaScript是不那么它只会按照的href 的照片页面。

Facebook uses both href and the attribute ajaxify. When a link is clicked javascript will stop the link from gong to the other page and load the page specified in ajaxify to load the popup. If javascript isn't on then it will just follow the href to the photo page.

Facebook的剧院锚标记

A facebook theatre anchor tag

<a class="uiMediaThumb _6i9 uiMediaThumbMedium" href="http://www.facebook.
    com/photo.php?loadandloadsofnumbers_n.jpg&size=720%2C960" aria-label="Photo"
    id="pic_nuuuuuumbers" rel="theater" ajaxify="http://www.facebook.com/photo.
    php?fbid=nuuuuuumbers&set=t.nuuuuuumbers&type=3&src=http%3A%2F%2Fsphotos-
    e.ak.fbcdn.net%2Fhphotos-ak-ash4%2F312300_10nuuuuuumbers54
    _773840764_n.jpg&size=720%2C960&theater">

这篇关于如何Facebook的风格弹出窗口的工作？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！