使用图像占位符服务重复图像?

Posted

技术标签:

【中文标题】使用图像占位符服务重复图像?【英文标题】:Duplicate images with image placeholder services? 【发布时间】:2015-06-16 04:07:35 【问题描述】:

我对占位符服务填充的重复图像有一点问题。

我有这样的随机 php 数组:

$images = array(
    'http://loremflickr.com/400/200/',
    'http://placehold.it/300/100/',
    'http://lorempixel.com/600/600/',
    'http://loremflickr.com/300/300/',
    'http://placehold.it/300/100/',
    'http://loremflickr.com/500/400/',
    'http://lorempixel.com/100/100/',
);
$output = $images[array_rand($images)];

问题是:如果我用它在一页上填充 20 个占位符,那么会有多个图像重复,每个图像至少使用两次。这些占位符不应该从成千上万的图像中加载随机图像吗?还是我做错了什么?

【问题讨论】:

【参考方案1】:

在显示图像时,只需在 img src 末尾添加一个随机数

<img src="<?php echo $output."?".rand(); ?>" />

这将阻止缓存,并希望您能获得所有随机图像。

【讨论】:

这实际上是loremflickr主页上建议的解决方案loremflickr.com。【参考方案2】:

试试这个

    $images = array(
        'http://loremflickr.com/400/200/',
        'http://placehold.it/300/100/',
        'http://lorempixel.com/600/600/',
        'http://loremflickr.com/300/300/',
        'http://placehold.it/300/100/',
        'http://loremflickr.com/500/400/',
        'http://lorempixel.com/100/100/'
    );
    $output = $images[array_rand($images)];

数组末尾没有逗号(,)

【讨论】:

是的,它是一样的。试了一下以防万一,但问题仍然存在。

以上是关于使用图像占位符服务重复图像?的主要内容,如果未能解决你的问题,请参考以下文章

下载图像时使用 gif 作为占位符

在使用 CSS 加载或破坏图像源时操作图像占位符

如何使用 Flare 动画作为带有淡入动画的图像占位符

带有百分比的图像占位符?

损坏的图像链接的图像占位符?

如何在 AngularJS 中显示占位符图像