根据屏幕获取缩略图

时间:2017-08-27 作者:Yaron

我需要根据屏幕类型检索特征图像
适用于平板电脑和中型移动设备,也适用于大型台式机
如何知道服务器端用户的设备类型以检索适当的图像大小
(在示例中,我使用主题API,但当然可以使用WordPress原生API)

       $thumb_args = array(
            \'class\'    => \'alignnone\',
            \'img_id\'   => $thumbnail_id,
            \'wrap\'     => \'<img %IMG_CLASS% %SRC% %SIZE% %IMG_TITLE% %ALT% />\',
            \'echo\'     => false,
            \'img_meta\' => wp_get_attachment_image_src($thumbnail_id, \'medium\'),
        );

        // Thumbnail proportions.
        if ( \'resize\' === of_get_option( \'blog-thumbnail_size\' ) ) {
            $prop = of_get_option( \'blog-thumbnail_proportions\' );
            $width = max( absint( $prop[\'width\'] ), 1 );
            $height = max( absint( $prop[\'height\'] ), 1 );

            $thumb_args[\'prop\'] = $width / $height;
        }

        $post_media_html = presscore_get_blog_post_fancy_date();
        if ( $config->get_bool( \'post.fancy_category.enabled\' ) ) {
            $post_media_html .= presscore_get_post_fancy_category();
        }

        $post_media_html .= dt_get_thumb_img( $thumb_args );

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

您不应该试图了解服务器端的用户设备,因为这种情况意味着您将无法使用任何页面缓存,并且当浏览器“窗口”大小更改时,它将失败。

在客户方做这样的决定。如果不可能简单地使用CSS,只需准备一个适当的JS数组,其中包含可能图像的URL,并根据JS中实际完成的客户端区域检测将图像设置为适当的图像。

结束

相关推荐

Featured images get shrunken

上传特色图片时,我遇到的问题是,所有图片都会自动缩小。我想保留原始图像。检查this example. 所有员工的图片都会自动缩小,但在特色图片中,我上传了员工的完整图片。我认为图像太大,wordpress会自动缩小图像,因此,我在媒体库中缩放并裁剪了图像。一些图像已修复,但一些图像仍然存在问题。有没有一种方法可以让原始上传的图像按原样显示?