Какой сайт плейсхолдеров может рендомные картинки?

Question

[lukoie]

Ребята, как сделать чтобы на одной странице были разные картинки плейсхолдера?
типа вставляешь ты в верстку новостной полосы картинку формата
https://source.unsplash.com/300x200
lorempixel.com/300/200
loremflicker.com/300/200
placekitten.com/300/200
а оно не одну и ту же картинку дает, а все разные

типа не вот так

Answer 1

[Алексей Уколов]

lorempixel.com умеет отдавать 10 разных изображений из одной категории:

http://lorempixel.com/400/200/sports/1
http://lorempixel.com/400/200/sports/2
...
http://lorempixel.com/400/200/sports/10

Разных категорий там 13 - итого получается 130 картинок.

Comments

[lukoie]

только вот если вставить одну ссылку 10 раз, на странице будет 10 одинаковых картинок, а не 10 разных.
мне нужно чтобы были 10 разных
Заметил что placekitten.com/300/200 вообще всегда отдает одну и ту же картинку для одного размера, тогда как многие могут рендомить. Мне надо чтобы 10 одинаковых ссылок на странице показали 10 разных картинок.

[Rustam Bainazarov]

lukoie, я не нашёл ни одного такого.

[lukoie]

сделал lorempixel.com/400/200/sports/1
lorempixel.com/400/200/sports/2
lorempixel.com/400/200/sports/3
получил:

[lukoie]

SmthTo, не понял

[Алексей Уколов]

сделал lorempixel.com/400/200/sports/1
lorempixel.com/400/200/sports/2
lorempixel.com/400/200/sports/3
получил:

Не может такого быть. Вы когда по прямым ссылкам в браузере их открываете, у вас тоже одна и та же картинка?

<img src="https://lorempixel.com/100/100/sports/1"/>
<img src="https://lorempixel.com/100/100/sports/2"/>
<img src="https://lorempixel.com/100/100/sports/3"/>

[Сергей Горячев]

lukoie, максимум, что получилось, это через папарметры.

<img src="https://picsum.photos/50/50/?random&num=1" alt="">
<img src="https://picsum.photos/50/50/?random&num=2" alt="">
<img src="https://picsum.photos/50/50/?random&num=3" alt="">
<img src="https://picsum.photos/50/50/?random&num=4" alt="">
<img src="https://picsum.photos/50/50/?random&num=100500" alt="">
<img src="https://picsum.photos/50/50/?random&num=anything" alt="">

[Сергей Горячев]

lukoie, что будет после ?random не важно, я написал num= для удобства, а так туда ЛЮБОЙ РАЗЛИЧАЮЩИЙСЯ текст. Плюс нет привязки к числу 10, так как картинок на picsum.photos не ограничено, но они не из категории.

[lukoie]

Алексей Уколов, ну так если по прямой ссылке то каждый раз будет рендомная. НО если вставить эту ссылку 10 раз в верстке, и открыть ее в браузере - будет 10 одинаковых. Я ж показал на скрине.

[lukoie]

Сергей Горячев, мой вопрос о том, может ли ссылка быть одинаковой, а картинка 10 раз отличаться на одной странице. Через знак вопроса я и так делал.

[Сергей Горячев]

lukoie, не должно быть так, как у тебя на скрине)

[Алексей Уколов]

По прямой ссылке, когда в конце стоит id, всегда будет одна и та же картинка, а не рэндомная.

Если вставить три ссылки с разными id на конце, как вы написали в своём сообщении, всегда будет три разных картинки. Но сами картинки всегда будут одни и те же на этих местах.

Ваше сообщение в части "сделал" не соответствует скриншоту "получил" (если у вас нет какого-то кеширующего прокси, конечно) - такого просто не может быть.

[Сергей Горячев]

lukoie, с одинаковой ссылкой нет, так как с сайта делается 1 запрос по 1 ссылке. Или 10 запросов, по 1 ссылке. И 10 запросов по одной ссылке дадут один и тот же ответ.

Как вариант, использовать jquery pikit, но это извращение.

[Rustam Bainazarov]

lukoie, т. е. не нашёл таких, чтобы по одной ссылке выдавали разные. Собственно, думаю, это логично и обоснованно экономически (нагрузка на сервер сервиса).

[lukoie]

SmthTo, вот тут например по одной ссылке выдает разные:
lorempixel.com/300/200
то есть, каждый раз как я рефрешу страничку оно отдает другую картинку.
Но десять таких ссылок на странице дадат одну и ту же картинку на странице, хоть и каждый раз разную.
Я ищу способ чтобы оно было не только каждый раз разная, но и все 10 были разными.

[RAX7]

lukoie, открой вкладку network и посмотри сколько запросов делает браузер по этому урлу.

[lukoie]

RAX7, та при чем тут. мне нужна была реализация чтобы в верстке была переменная, в которой указан плейсхолдер. один, единственный. А картинка выводилась разная.
Написал комментом свою реализацию.

зыж есть сайты которые по одному урлу МОГУТ отдавать каждый раз разную картинку. естественно для этого надо сделать столько запросов, сколько инстансов картинки имеется.

[Rustam Bainazarov]

lukoie, это я имею в виду. Запрос ведь один.

[RAX7]

lukoie, при том что браузер на один и тот же урл делает только один запрос. Хочешь разные картинки, значит делай разные урлы.

[lukoie]

SmthTo, мне нужна была реализация когда при унифицированной верстке, где 10-20 полностью одинаковых блоков верстки с картинками, при этом сами картинки были разными.
Если бы речь шла о пхп, тогда вопрос бы не возник, но это верстка голого хтмл, потому немного и призадумался как это сделать так, чтобы упростить себе жизнь.
В комменте сам уже придумал решение.
Спасибо за помощь.

[lukoie]

RAX7, если б всё в жизни было так просто и прямо. Тогда и тостер не нужен был бы.
а вот мне нужно было именно это - десять ОДИНАКОВЫХ ссылок, но все картинки РАЗНЫЕ.
Решение уже сделал. Спасибо за помощь.

Answer 2

[lukoie]

Короче, сделал я так чтобы по одной и той же ссылке показывались разные картинки в верстке
в моем случае картинка все десять-двадцать раз выводится так:

<img class="nocache" alt="img" src="https://placeimg.com/395/207/any">

Рецепт - у картинок приделываю класс "nocache"
и в подвале

$(document).ready(function (){$('.nocache').attr('src',function () { return $(this).attr('src') + "?" + Math.random() });});