Question

我有文字和图像打开作为Prettyphoto内嵌叠加层。但是当单击其中的图像链接时，它会打开新的选项卡图像链接。

有没有让它在顶部打开另一个漂亮的照片？因此，当图像关闭时，其他内嵌覆盖仍然打开？

Answer 1

我想出来的方法是通过使用不同的灯箱插件自动将rel = lightbox添加到所有img文件类型。这使它覆盖了prettyPhoto（我编码使用class =“prettyPhoto-link”而不是rel

在function.php中

  add_filter('the_content', 'chosted_image_attribute');

function chosted_image_attribute($content) {
       global $post;
       $pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
       $replacement = '<a$1href=$2$3.$4$5 rel="lightbox">';
       $content = preg_replace($pattern, $replacement, $content);
       return $content;
}

这是jquery.prettyPhoto.js

的顶部

jQuery(function($){
    $(document).ready(function(){
        $(".prettyphoto-link").prettyPhoto({
            animation_speed:'normal',
            allow_resize: true,
            keyboard_shortcuts: true,
            show_title: false,
            social_tools: false,
            autoplay_slideshow: false
        });
    });
});

这可以帮助您从PHP代码调用漂亮的照片，因为有时rel不起作用。

打开图像链接作为lightphoto内联覆盖中的灯箱

1 个答案: