给WordPress图片加上Highslide特效

在WP酷上点击图片会出现图片放大的效果，是不是很炫？这是由prettyphoto这个js特效库实现的，今天给大家介绍一个图片放大特效——highslide。代码来自荒野无灯大大。

使用方法

1、下载文章顶部的压缩包，解压后可以看到有

highslide.js、highslide.css 两个文件及graphics文件夹，把它们直接上传到你目前使用的主题目录下，如下图：

接下来修改你目前使用的主题目录下的functions.php
在文件中加入如下代码：

highslide picture       code                     #
###############################################################################
add_filter('the_content', 'hlHighSlide_replace', '99');
add_action('wp_head', 'highslide_head');

    function highslide_head()
    {
    $hlHighslide_wp_url=get_bloginfo('template_url').'/';
    $defaults_javascript =
    "nt  ";
 echo $defaults_javascript;
 }

//add onclick event
function add_onclick_replace ($content)
{
$pattern = "/]*).(bmp|gif|jpeg|jpg|png)('|")(.*?)>(.*?)/i";
$replacement = '$7 ';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}

function hlHighSlide_replace($content)
{
        global $post;
        $defaults = array();
        $defaults['quicktags'] = 'y';
        $defaults['href'] = 'http://www.ihacklog.com/wordpress/wp-content/themes/irresistible/images/logo.png';
        $defaults['src'] = 'http://www.ihacklog.com/wordpress/wp-content/themes/irresistible/images/logo.png';
        $defaults['alt'] = 'Enter ALT Tag Description';
        $defaults['title'] = 'Enter Caption Text';
        $defaults['thumbid'] = 'thumb1';
        $defaults['show_caption'] = 'y';
        $defaults['show_close'] = 'y';

        $content=add_onclick_replace($content);

        $HSVars = array("SRC", "ALT", "TITLE", "WIDTH", "HEIGHT","THUMBID");
        $HSVals = array($defaults['href'], $defaults['src'], $defaults['alt'], $defaults['title'], $defaults['thumbid']);

        preg_match_all ('!]*)[ ]*[/]{1}>!i', $content, $matches);

        $HSStrings = $matches[0];
        $HSAttributes = $matches[1];

        for ($i = 0; $i < count($HSAttributes); $i++)
        {
            preg_match_all('!(src|alt|title|width|height|class)="([^"]*)"!i',$HSAttributes[$i],$matches);

            $HSSetVars = $HSSetVals = array();
            for ($j = 0; $j < count($matches[1]); $j++)
            {
                $HSSetVars[$j] = strtoupper($matches[1][$j]);
                $HSSetVals[$j] = $matches[2][$j];
            }
        }

            $HSClose = <<Close
EOT;

                $HSCaption = <<
                {$HSPrvNextLinks}
                {$HSClose}
                
%TITLE%