打開圖像鏈接爲prettyphoto內聯覆蓋圖內的燈箱

Question

我將文本和圖像打開爲Prettyphoto內聯覆蓋圖。但是當點擊圖片鏈接時，它會打開新的標籤圖片鏈接。

有沒有辦法讓它在頂部打開另一個相片疊加層？ 因此，當圖像關閉時，其他內聯疊加層仍然打開？

Answer 1

我想通過不同的燈箱插件自動將rel = lightbox添加到所有img文件類型。這使得它覆蓋prettyPhoto（我編碼爲使用類=「prettyPhoto鏈接」，而不是一個相對

在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代碼漂亮的照片，因爲有時相對不工作。