首页 文章

Wordpress画廊的Magnific Popup

提问于
浏览
0

我正在构建一个Wordpress主题,我想添加Magnific Popup - dimsemenov.com/plugins/magnific-popup/

我设法使用我的functions.php文件中的以下代码处理单个图像:

/**
* Add title back to images
*/
function pexeto_add_title_to_attachment( $markup, $id ){
    $att = get_post( $id );
    return str_replace('<a ', '<a title="'.$att->post_title.'" ', $markup);
}
add_filter('wp_get_attachment_link', 'pexeto_add_title_to_attachment', 10, 5);

add_action('wp_enqueue_scripts', 'enqueue_magnificpopup_styles');
function enqueue_magnificpopup_styles() {
    wp_register_style('magnific_popup_style', get_stylesheet_directory_uri().'/js/magnific-popup.css', array('style.css'));
    wp_enqueue_style('magnific_popup_style');
}

add_action('wp_enqueue_scripts', 'enqueue_magnificpopup_scripts');
function enqueue_magnificpopup_scripts() {
    wp_register_script('magnific_popup_script', get_stylesheet_directory_uri().'/js/jquery.magnific-popup.min.js', array('jquery'));
    wp_enqueue_script('magnific_popup_script');
    wp_register_script('magnific_init_script', get_stylesheet_directory_uri().'/js/jquery.magnific-popup-init.js', array('jquery'));
    wp_enqueue_script('magnific_init_script');
}

然而,当我点击Wordpress Gallery中的图像时它显示“图像无法加载”,因为它显然有不同的HTML标记 . 有没有人找到一种方法来使用Wordpress Galleries?谢谢 .

1 回答

  • 1

    如果图像链接到“图像文件”,这样的东西应该工作 . 把它放在一个javascript文件中,并在jQuery准备就绪后将文件排入队列 .

    jQuery(document).ready(function($) {
            $(".gallery-icon a").magnificPopup();
        });
    

相关问题