Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как вместо рандомного показа текста, сделать рандомный показ картинок? (https://javascript.ru/forum/misc/77710-kak-vmesto-randomnogo-pokaza-teksta-sdelat-randomnyjj-pokaz-kartinok.html)

Malleys 10.06.2019 10:58
Цитата:
Сообщение от рони
почему ссылка на шрифт работает только через сторонний сервер, строка 6 пост #7?
Потому что тот ресурс находится на стороннем сервере, и там не устанавливается в ответе заголовок Access-Control-Allow-Origin

Код:
Access to font at 'https://github.com/googlei18n/noto-emoji/raw/master/fonts/NotoColorEmoji.ttf'
from origin 'https://cdpn.io' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header
is present on the requested resource.
Это не проблема, загрузите шрифт к себе на сервер, тогда все будет в порядке.

рони 10.06.2019 11:21
Malleys,
а так?
<p id="flag"></p>
<button onclick="showRandomFlag()">Показать следующий случайный флаг</button>
<style>
@font-face {
	font-family: "Noto Color Emoji";
	src: url("https://cdn.rawgit.com/googlei18n/noto-emoji/master/fonts/NotoColorEmoji.ttf");
 }

html {
	font: 300% "Apple Color Emoji", "Android Emoji", "Twemoji Mozilla", "Noto Color Emoji";
}
</style>
<script>
function showRandomFlag() {
    var countries = ["GB", "US", "RU"].map(v => v.replace(/[a-z]/gi, match =>
    String.fromCodePoint(match.toLowerCase().codePointAt() + 127365)));

    var country = countries[Math.random() * countries.length | 0];
    document.getElementById("flag").textContent = country;

}
showRandomFlag();
</script>

Malleys 10.06.2019 11:33
рони, всё верно. Или, что вы имели в виду, спросив, а так?

рони 10.06.2019 11:57
Malleys,
на всякий случай https://github.com/rgrove/rawgit/blob/master/FAQ.md


Часовой пояс GMT +3, время: 22:10.
Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице