|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
01.06.2015, 17:04 | #1 |
Новичок
Джуниор
Регистрация: 01.06.2015
Сообщений: 2
|
Изображения на мобильных устройствах
Добрый день, коллеги!
Возникла проблема, а как решить - не знаю. Очень надеюсь на вашу помощь ) Суть проблемы: необходимо адаптировать изображения для нормального отображения как на мобильных устройствах, так и на десктопах. все было бы легко, если бы не присутствие в img событий onmouseout и onmouseover. Совсем не хочет с ними уменьшаться... Уже пару дней гуглю решение, но пока ничего не срабатывает. Подскажите, пожалуйста, новичку решение ) |
01.06.2015, 18:22 | #2 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Пример косяка в студию.
Не имею представления каким говнокодом возможно сотворить подобную проблему.
Alar, верни репу!
|
02.06.2015, 10:22 | #3 |
Новичок
Джуниор
Регистрация: 01.06.2015
Сообщений: 2
|
Вот такая у меня белиберда:
Код HTML:
<div style="text-align: center; width: 100%; float: left;"> <div style="float: left; width: 33%;"> <p><img class="img-with-animation" data-delay="200" data-animation="fade-in" onmouseover="this.src='images/clothes/jacket1.jpg';" onmouseout="this.src='images/clothes/jacket.jpg';" src="images/clothes/jacket.jpg" /></p> <h3 style="font-size: 20px;">Пуховики и куртки</h3> <p class="price">300 руб.</p> </div> <div style="float: left; width: 33%; vertical-align:top;"> <p><img class="img-with-animation" data-delay="200" data-animation="fade-in" onmouseover="this.src='images/clothes/clothes1.jpg';" onmouseout="this.src='images/clothes/clothes.jpg';" src="images/clothes/clothes.jpg" /></p> <h3 style="font-size: 20px;">Личное бельё</h3> <p class="price">150 руб. - 6 кг</p> <p class="price">250 руб. - 12 кг</p> </div> <div style="float: left; width: 33%; vertical-align:top;"> <p><img class="img-with-animation" data-delay="200" data-animation="fade-in" onmouseover="this.src='images/clothes/coveralls1.jpg';" onmouseout="this.src='images/clothes/coveralls.jpg';" src="images/clothes/coveralls.jpg" /></p> <h3 style="font-size: 20px;">Спецодежда</h3> <p class="price">300 руб.</p> </div> </div> |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Отображение сайта на мобильных устройствах | mihmihail | Помощь студентам | 3 | 21.01.2015 22:32 |
Использовать блютуз мышь в Андроид устройствах | Ципихович Эндрю | Свободное общение | 12 | 08.06.2014 20:49 |
Для тех, кто сталкивается с JavaScript и HTML на мобильных устройствах | MobiDev | Мобильные ОС (Android, iOS, Windows Phone) | 0 | 19.02.2014 14:23 |
Margin: 0 auto; не работает на мобильных устройствах | Hrommi | HTML и CSS | 2 | 31.10.2013 13:57 |
Разработка программы, моделирующей процессы в кодирующем и декодирующем устройствах системы NTSC | Постников Артем | Помощь студентам | 3 | 24.04.2013 23:20 |