调整图像滑块的大小

时间:2017-01-23 19:02:26

标签: javascript jquery web wordpress-theming

我一直在尝试调整我的默认主题图片滑块,但无法将窗口调整为特定大小。任何人都可以告诉我,为了调整滑块的宽度和高度,我需要对此代码做些什么?

1 个答案:

答案 0 :(得分:0)

如果您想要将图像裁剪为您想要的尺寸,请使用functions.php文件中的以下代码

add_image_size( $name, $width, $height, $crop );

并获取此图片。

echo wp_get_attachment_image( $id, $name );

或者如果你想调整具有适当宽高比的图像,那么使用这个功能,可能会对你有帮助。

 function resize ($width, $height ){
    /* Get original image x y*/
    list($w, $h) = getimagesize($_FILES['image']['tmp_name']);
    /* calculate new image size with ratio */
    $ratio = max( $width/$w, $height/$h);
    $h = ceil($height / $ratio);
    $x = ($w - $width / $ratio) / 2;
    $w = ceil($width / $ratio);
    /* new file name */
    $path = 'uploads/'.$width.'x'.$height.'_'.$_FILES['image']['name'];
    /* read binary data from image file */
    $imgString = file_get_contents($_FILES['image']['tmp_name']);
    /* create image from string */
    $image = imagecreatefromstring($imgString);
    $tmp = imagecreatetruecolor($width, $height);
    imagecopyresampled($tmp, $image, 0, 0, $x, 0, $width, $height, $w, $h);
    /* Save image */
    switch ($_FILES['image']['type']) {
        case 'image/jpeg':
            imagejpeg($tmp, $path, 100);
            break;
        case 'image/png':
            imagepng($tmp, $path, 0);
            break;
        case 'image/gif':
            imagegif($tmp, $path);
            break;
        default:
            exit;
            break;
    }
    return $path;
    /* cleanup memory */
    imagedestroy($image);
    imagedestroy($tmp);
}

我在项目中使用此功能调整图像大小。