Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Последние темы форума

Показать новые сообщения »

Почтовая рассылка

Подписчиков: 11678
Последний выпуск: 19.06.2015

Ищу самый простой способ в CSS или JavaScript...

87K
31 марта 2014 года
wiliwolf
3 / / 31.03.2014
Суть такая:
Есть на странице определенное изображение, длина и ширина указаны 100%;
Необходимо при щелчке на это изображение увеличить длину и ширину до 150%(при этом изображение должно остаться тоже,меняются только свойства)...
Ну и при повторном клике мышкой на картинке уменьшить длину и ширину обратно до 100%.
Прибегнуть можно только CSS или JavaScript.
Знаю что решение простое должно быть, но увы туплю((

 
Код:
<body>
<IMG SRC="http://www.cyberforum.ru/images/shem_0100.jpg" name="pic" width="100%" height="100%"/>
</body>
Выручайте))
318
01 апреля 2014 года
P*t*
474 / / 15.02.2007
Я поленился проверить, но по моему так должно работать
 
Код:
<IMG SRC="http://www.cyberforum.ru/images/shem_0100.jpg" name="pic" width="100%" height="100%"
          onclick="this.setAttribute('width', '150%');  this.setAttribute('height', '150%')"
/>
---

С переключением обратно, если не задумываться о красоте кода, получится что-то такое:
 
Код:
<script>var state=100</script>
<IMG SRC="http://www.cyberforum.ru/images/shem_0100.jpg" name="pic" width="100%" height="100%"
          onclick="state=(state+50)%100 + 100; this.setAttribute('width', state + '%');  this.setAttribute('height',  state + '%')"
/>
87K
08 апреля 2014 года
wiliwolf
3 / / 31.03.2014
Спасибо за помощь)

Знаете кого-то, кто может ответить? Поделитесь с ним ссылкой.

Ваш ответ

Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог