当用户点击图像缩略图时,如何显示图像弹出窗口?

时间:2013-07-15 作者:Sahil

我已经创建了一个图库视图短代码插件。我想添加一个功能,每当有人点击该图库中的任何图像时,该图像应该会在一个时尚的弹出窗口中打开。由于我正在寻求将此功能添加到我自己的插件中,我甚至无法考虑使用其他插件。我试图理解一些这样的插件的编码,但找不到任何正确的方法。请建议!谢谢

1 个回复
最合适的回答,由SO网友:Vigs 整理而成

1) 前端enque thickbox

add_action(\'init\', \'myplugin_thickbox\');
function myplugin_thickbox() {
    if (! is_admin()) {
        wp_enqueue_script(\'thickbox\', null,  array(\'jquery\'));
        wp_enqueue_style(\'thickbox.css\', \'/\'.WPINC.\'/js/thickbox/thickbox.css\', null, \'1.0\');
    }
} 
2)将thickbox添加到所有由\\u content()显示的图像中;

function fb_add_thickbox($content){

    $content = preg_replace(\'/<a(.*?)href="(.*?).(jpg|jpeg|png|gif|bmp|ico)"(.*?)><img/U\', \'<a$1href="$2.$3" $4 class="thickbox"><img\', $content);

    return $content;
}
add_filter(\'the_content\', \'fb_add_thickbox\', 2);
资料来源:http://wordpress.org/support/topic/how-to-implement-thickbox-to-all-images-which-contain-a-refered-linkhttp://www.ultimatewebtips.com/how-to-use-wordpress-native-thickbox-support-in-front-end/

结束

相关推荐

Custom gallery in wp3.5

我使用了我在3.4中为一个光滑的小自定义库找到的教程,但升级到3.5后,它就不再工作了。我仍在努力学习php,但似乎无法再次使用它,因为我要么出错,要么什么都没有。无论如何,在升级之前,用户所要做的就是点击“添加媒体”,上传他想在帖子中显示的任何图像[在本例中是产品],设置图像的顺序,第一个图像是顶部/全尺寸图像,然后在文本字段中键入他的描述,当他点击“提交”时,将以上所有内容以良好的格式显示出来,如下所示:single.php xxxxxxxxxxxxxxxxxxxxxxxxxxxxx