Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.92/13: Рейтинг темы: голосов - 13, средняя оценка - 4.92
0 / 0 / 0
Регистрация: 10.04.2013
Сообщений: 22

Как загрузить Hover картинки до onMouseOver

09.02.2014, 15:41. Показов 2460. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть иконки, и у каждой есть второй вариант показа, который прикреплен к Hover.



Но когда пользователь переводит мышь на иконку, вторая картинка только и только начинает грузится а в это вместо картинки пустота.


И после нескольких секунд появляется вторая картинка



Вот сам вопрос:
Как сделать так, чтобы Hover картинки грузились вместе с настоящими, чтобы не ждать потом? (Не видеть пустую клетку)
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
09.02.2014, 15:41
Ответы с готовыми решениями:

Как прописать css для картинки при onmouseover
С помощью onmouseover у меня сменяются 2 картинки при наведении мышью, но при этом всё прыгает, т.к. height верхней картинки - 165px, а...

OnMouseOver и мигающие картинки
Всем привет! имеется вот такая конструкция <span onMouseOver="jQuery('.wpappbox-{APPIDHASH} .qrcode').show();"...

Не работает код SASS (не выводит картинки по hover) почему и как исправить?
Друзья, ни как не могу понять, почему у меня не работает код... Точнее не работает эффект hover. Теперь подробнее: Пытаюсь сделать...

5
Почетный модератор
12274 / 5340 / 268
Регистрация: 05.04.2011
Сообщений: 14,086
Записей в блоге: 2
10.02.2014, 16:36
Лучший ответ Сообщение было отмечено neoarmenia как решение

Решение

neoarmenia, используйте спрайты
1
0 / 0 / 0
Регистрация: 10.04.2013
Сообщений: 22
12.02.2014, 23:48  [ТС]
Вариантов нет?
0
Почетный модератор
12274 / 5340 / 268
Регистрация: 05.04.2011
Сообщений: 14,086
Записей в блоге: 2
13.02.2014, 10:07
neoarmenia, а чем Вас спрайты не устраивают? Это стандартная технология для таких случаев
1
 Аватар для monochromer
419 / 381 / 163
Регистрация: 03.01.2013
Сообщений: 966
13.02.2014, 11:27
Лучший ответ Сообщение было отмечено Taatshi как решение

Решение

Если спрайты не устраивают, то можно применить прием предзагрузки:
http://web-standards.ru/articl... refetching
1
0 / 0 / 0
Регистрация: 10.04.2013
Сообщений: 22
14.02.2014, 00:42  [ТС]
Спасибо всем
Taatshi спрайты нормально сработали
monochromer ваш метод тоже очень хорош, где нибудь буду использовать


Тема закрыта
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
14.02.2014, 00:42
Помогаю со студенческими работами здесь

Как загрузить картинки на сайт?
Господа, задача вот в чем: Есть интернет магазин, необходимо чтобы админ мог загружать картинки для товаров на сайт, и соответственно эти...

Как загрузить и использовать картинки
Хочу загрузить напрямую в программу картинки из вне, а после менять их внутри. В общем есть picbox1, на нем должен меняться рисунок. Хочу...

Как загрузить PNG картинки в Image?
Всем доброго времени суток. Вот такая проблемка возникла: загружаю PNG картинку через Object Inspector - все отлично работает. Как тока...

Как загрузить картинки в базу данных?
Пожалуйста, помогите, что писать в private void button2_Click, чтобы данные загружались в БД using System; using...

Нужно при клике, исключить события hover, во. И еще глюки .hover. Отключение .hover в случае активации .click
Нужно при клике, исключить события hover, во. И 1. Глюки .hover: При наведении на блок, к которому он применяется(стрелочка):...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru