代码之家  ›  专栏  ›  技术社区  ›  Zac

根据url路径自动打开的Lightbox

  •  0
  • Zac  · 技术社区  · 15 年前

    有一百万个lightbox类型的模式覆盖脚本。。但我正在寻找一个有能力被自动触发,这取决于通向那里的路径。所以属性必须存在于触发它的url字符串中。有人看到或实施过这样的事情吗?我知道 colorbox

    3 回复  |  直到 15 年前
        1
  •  0
  •   rrrr-o    15 年前

    您可以实现一些JavaScript,查看引用页面并相应地打开灯箱,因此不应局限于特定的实现。您可以绑定到“文档准备”事件以打开它。

    下面有一个关于如何访问W3Schools网站上的推荐者的示例。

    http://www.w3schools.com/jsref/prop_doc_referrer.asp

        2
  •  0
  •   lonesomeday    15 年前

    通过改变初始化中的设置,可以使用Colorbox完成此操作。

    假设您这样做是为了启动Colorbox:

    $('div.gallery a').colorbox({
        onClosed: function() { alert('Colorbox closed');},
        current: 'Image {current} of {total}'
    });
    

    var colorBoxSettings = {
        onClosed: function() { alert('Colorbox closed');},
        current: 'Image {current} of {total}',
        open: false
    };
    
    if (your_logic) {
        colorBoxSettings.open = true;
    }
    
    $('div.gallery a').colorbox(colorBoxSettings);
    
        3
  •  0
  •   Alpesh    15 年前

    我建议不需要自动触发。你可以这样做-

    首先检查url是否包含所需的适当值。

    它可以通过服务器端语言(如PHP)或javascript完成。

    如果完成了服务器端传递,则显示一个隐藏字段,如下所示-

    <input type="hidden" name="exists" value="true" />
    

    var value = "value from javascript if proper url exists";
    

    如果通过服务器端完成,则-

    var value = $(‘输入[名称= ]存在“]))Val.();

    然后你可以手动触发 cilck

    $('#id of anchor').trigger('click');
    

    如果你想自动触发覆盖,那么你可以试试这个-

    http://flowplayer.org/tools/demos/overlay/trigger.html