3 / 3 / 3
Регистрация: 03.11.2014
Сообщений: 80
|
|||||||||||
1 | |||||||||||
Смена картинки при наведении17.10.2015, 00:01. Показов 2561. Ответов 4
Метки нет (Все метки)
Всем доброго времени суток) В общем у меня вопрос касательно смены картинки при наведении. Получается изменить картинку, не получается изменить ее размер. Кидаю код:
0
|
17.10.2015, 00:01 | |
Ответы с готовыми решениями:
4
Смена картинки при наведении миши Смена картинки при наведении в меню Смена картинки при наведении на надпись Смена картинки при наведении на неё |
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
|
|||||||||||
17.10.2015, 10:16 | 2 | ||||||||||
Зачем лепить JS там, где можно обойтись CSS?
А если через JS, то this.style.width="200px"; this.style.height="110px"; this.className = "for_all2";
0
|
3 / 3 / 3
Регистрация: 03.11.2014
Сообщений: 80
|
|
17.10.2015, 13:24 [ТС] | 3 |
Проблема в том, что у меня больше 100 картинок. И получается нужно создать 100 блоков, 100 разных классов и для них 100hover) Каждое изображение меняется на другое. es1 -> es2; rs1 ->rs2 и т.д. Я могу конечно написать 100 классов и hover для них, а могу использовать и this.style.width="200px" ( кстати вот с этим получилось, спасибо)). Подскажите пожалуйста, как будет для сайта лучше и чтобы он быстрее загружался. Сделать все через классы или onmouseover?
0
|
15 / 15 / 7
Регистрация: 12.04.2014
Сообщений: 101
|
|
17.10.2015, 13:32 | 4 |
Можно не писать 100 разных классов, а написать всего один цикл в SASS http://sass-lang.com/documenta... RENCE.html
0
|
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
|
|||||||||||
17.10.2015, 14:41 | 5 | ||||||||||
Сообщение было отмечено Avgust как решение
Решение
Если у вас имя картинок меняется с что-то там1 на что-то там2 и у всех картинок класс .for_all, а при наведении они увеличиваются до 200 на 110, то имеет смысл использовать JS
Если все-таки нужны разные размеры для разных картинок, тогда не парьтесь и пишите для каждой свой класс и в нем задавайте размеры, БГ и что вам там еще надо
0
|
17.10.2015, 14:41 | |
17.10.2015, 14:41 | |
Помогаю со студенческими работами здесь
5
Смена картинки при наведении JS PHP Смена положения картинки при наведении на ссылку Смена цвета картинки (SVG) и ссылки (буквы) при наведении курсора мыши Смена иконки при наведении Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |