0
我想在我的Wordpress博客中使用Colorbox與我的所有圖像。 我使用這個命令在我的functions.php添加相對=「顏色框」:在Wordpress中的所有圖像的彩盒
//colorbox
// adds the colorbox jQuery code
function insert_colorbox_js() {
?>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(function($){
$("a[rel='colorbox']").colorbox({
transition:'elastic',
opacity:'0.7',
maxHeight:'90%'
});
$("a[rel='colorboxvideo']").colorbox({
iframe:true,
transition:'elastic',
opacity:'0.7',
innerWidth:'60%',
innerHeight:'80%'
});
});
// ]]>
</script>
<?php
}
add_action('wp_head', 'insert_colorbox_js');
// automatically add colorbox rel attributes to embedded images
function insert_colorbox_rel($content) {
$pattern = '/<a(.*?)href="(.*?).(bmp|gif|jpeg|jpg|png)"(.*?)>/i';
$replacement = '<a$1href="$2.$3" rel=\'colorbox\'$4>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}
add_filter('the_content', 'insert_colorbox_rel');
此函數的入口上我的本地設置MAMP偉大的工作,但因爲我的網站移動到我的服務器,它不工作了 - rel屬性被添加到img標籤,而不是一個鏈接:
<div id="attachment_1131" class="wp-caption alignleft" style="width: 160px"><a href="http://www.somesite.net/somelink/" rel="attachment wp-att-1131"><img class="size-thumbnail wp-image-1131" title="Some title" src="http://www.somesite.net/wp-content/uploads/2011/04/CIMG0935-150x150.jpg" rel='colorbox' alt="Some Text" width="150" height="150" /></a><p class="wp-caption-text">Some other Text</p></div>
如何必須改變的functions.php,使之重新工作?
感謝您的幫助!
順便說一句 - 我最新的WordPress 3.4.2
我關閉PHP變量,因爲使用Javascript的 - 我打開標籤再次在Javascript之後。 – Matt