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

87K

31 марта 2014 года

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>

Выручайте))

Подписаться на вопросНеобходима регистрация

По порядку

Сначала полезные

Сначала решения

2 ответа

1 спам это решение

360

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 + '%')"
/>