Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 22.04.2015, 14:45   #1
Bender1000
Пользователь
 
Регистрация: 20.05.2013
Сообщений: 37
По умолчанию Как проверить, загрузились ли картинки?

Есть логотипы браузеров в .png. Если не загрузились изображения, нужно заменить их оформленным текстом. Как это можно сделать с помощью javascript или css? Причем это никак не alt, потому что он только черным текст делает, а нужно вот такой цветной сделать. Подскажите, как?

Нужно проверить с помощью JS как-то, загрузилось ли изображение, но я вообще не понимаю, как это можно сделать?

10000 часов програмирования - https://vk.com/tth.ikarev
Bender1000 вне форума Ответить с цитированием
Старый 22.04.2015, 14:49   #2
Stilet
Белик Виталий :)
Старожил
 
Аватар для Stilet
 
Регистрация: 23.07.2007
Сообщений: 57,097
По умолчанию

Цитата:
нужно заменить их оформленным текстом.
Для этого в картинках предусмотрен спецтег alt
http://htmlbook.ru/html/img
I'm learning to live...
Stilet вне форума Ответить с цитированием
Старый 22.04.2015, 14:54   #3
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

Цитата:
Причем это никак не alt, потому что он только черным текст делает
CSS для этого есть.

http://stackoverflow.com/questions/7...-text-with-css
Код:
img {
  color:green;
  font:40px Impact;   
}
http://jsfiddle.net/VfTGW/
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 22.04.2015, 14:55   #4
Bender1000
Пользователь
 
Регистрация: 20.05.2013
Сообщений: 37
По умолчанию

Но с его помощью не получается сделать оформленный текст, типа
Код:
<span class="green>Ch</span>
<span class="red>ro</span>
<span class="blue>me</span>


Цитата:
Сообщение от Alex11223 Посмотреть сообщение
CSS для этого есть.
Да, это гораздо ближе, но как сделать текст разбитым на зеленый, красный и желтый? ))
10000 часов програмирования - https://vk.com/tth.ikarev

Последний раз редактировалось Stilet; 22.04.2015 в 15:27.
Bender1000 вне форума Ответить с цитированием
Старый 26.04.2015, 20:45   #5
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Думаешь возьмут в Яндекс, если даже это решить не можешь?

Код:
.chrome:before {
  content: url(img/chrome.png)
}
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 29.04.2015, 09:36   #6
Bender1000
Пользователь
 
Регистрация: 20.05.2013
Сообщений: 37
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
Код:
.chrome:before {
  content: url(img/chrome.png)
}
Это даже близко не решение. Нужно, чтобы текст появлялся ТОЛЬКО в том случае, если картинка НЕ ПОДГРУЗИЛАСЬ. При чем тут after и before? Нужно IF - ELSE. Как отследить, картинка подгрузилась или нет - вот что решить не могу.
10000 часов програмирования - https://vk.com/tth.ikarev
Bender1000 вне форума Ответить с цитированием
Старый 29.04.2015, 10:05   #7
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

У img есть onerror.
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 29.04.2015, 10:19   #8
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
Сообщение от Bender1000 Посмотреть сообщение
Это даже близко не решение. Нужно, чтобы текст появлялся ТОЛЬКО в том случае, если картинка НЕ ПОДГРУЗИЛАСЬ. При чем тут after и before? Нужно IF - ELSE. Как отследить, картинка подгрузилась или нет - вот что решить не могу.
А тебе готовое решение нужно?
Это подсказка как решить задачу без использования JS. То тестовое задание полностью решается без скриптов.
Тут уж тебе на выбор — напрячь свой межушный нервный узел или писать лишние хаки на JavaScript.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как проверить гиперссылки? burunduk_ Microsoft Office Access 10 10.04.2013 19:39
Как Как проверить кнопки мыши без OnMouseDown? Вадим Буренков Общие вопросы Delphi 3 22.05.2009 15:08
Как проверить TImage на наличие в нём картинки soonner Мультимедиа в Delphi 3 16.03.2009 22:01
Как Проверить диаппазон komar73 Microsoft Office Excel 3 06.02.2009 12:28
Как проверить строку? nikleb PHP 6 07.07.2008 22:04