图库-用于插入图像的自定义html

时间:2011-07-22 作者:smogg

我有图库(我正在使用Cleaner Gallery 插件)具有许多图像。我想用jQuery添加异步图像加载(我使用JAIL 这样做)。但要使用这个JAIL插件,我需要更改库输出(需要使用带有图像链接的data href标记)。我该怎么做?我一直在尝试编辑cleaner gallery。php在我的插件目录中,但id没有改变任何东西!

@编辑:更改清理器库。php没有提供想要的输出。我不知道为什么,但可能我必须编辑wp includes/media中的一些功能。php?你知道我应该覆盖什么函数吗?

2 个回复
SO网友:Chris_O

在cleaner gallery中。php对cleaner\\u gallery\\u plugin\\u gallery\\u image函数进行更改,该函数从第122行开始,到第151行结束。

我们所做的是在输出带有图像属性的html的两个实例中,将href替换为data href。

function cleaner_gallery_plugin_gallery_image( $image, $id, $attr, $instance ) {

    /* If the image should link to nothing, remove the image link. */
    if ( \'none\' == $attr[\'link\'] ) {
        $image = preg_replace( \'/<a.*?>(.*?)<\\/a>/\', \'$1\', $image );
    }

    /* If the image should link to the \'file\' (full-size image), add in extra link attributes. */
    elseif ( \'file\' == $attr[\'link\'] ) {
        $attributes = cleaner_gallery_link_attributes( $instance );

        if ( !empty( $attributes ) )
            $image = str_replace( \'<a href=\', "<a{$attributes} data-href=", $image );
    }

    /* If the image should link to an intermediate-sized image, change the link attributes. */
    elseif ( in_array( $attr[\'link\'], get_intermediate_image_sizes() ) ) {

        $post = get_post( $id );
        $image_src = wp_get_attachment_image_src( $id, $attr[\'link\'] );

        $attributes = cleaner_gallery_link_attributes( $instance );
        $attributes .= " data-href=\'{$image_src[0]}\'";
        $attributes .= " title=\'" . esc_attr( $post->post_title ) . "\'";

        $image = preg_replace( \'/<a.*?>(.*?)<\\/a>/\', "<a{$attributes}>$1</a>", $image );
    }

    /* Return the formatted image. */
    return $image;
}

SO网友:maryisdead

你正在缓存你的站点吗?

如果不是,功能cleaner_gallery_plugin_gallery_image 在cleaner gallery中。php(v0.9.2)使用变量$image. 这是一个字符串形式的图像HTML。一些正则表达式魔术应该能够实现你想要的。

结束

相关推荐

Image gallery plugin

Can you recommend a tutorial or a plugin in wordpress that lets you achieve a similar gallery, like this http://www.whitehouse.gov/photos-and-video/photogallery/may-2011-photo-dayLarge Preview then at the bottom a thumbnails then an album. I also like coo