Задача увеличить изображение при клике на него до 100% самого изображения.
Подскажите пжл варианты.
_____________
Принимаю заказы, писать в ЛС
Полная Версия: Увеличение изображения при клике на него
На jQuery куча плагинов разных есть. Хотя и самому сделать, если знаешь jQuery, "20 минут с перекурами" 
. А на чистом JS тоже можно, только долго и нудно.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
. А на чистом JS тоже можно, только долго и нудно.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
| Цитата (sergeiss @ 9.02.2014 - 12:33) |
| Хотя и самому сделать, если знаешь jQuery, "20 минут с перекурами" . |
Подскажите, что почитать по jQuery
_____________
Принимаю заказы, писать в ЛС
размеры в auto поставить
_____________
There never was a struggle in the soul of a good man that was not hard
_____________
There never was a struggle in the soul of a good man that was not hard
| Цитата (Медведь @ 9.02.2014 - 13:17) |
| Подскажите, что почитать по jQuery |
Я вот тут смотрю, когда что надо http://jquery.com и тут http://api.jquery.com/. Но это больше уже как справочник, когда знаешь, как этим всем пользоваться. Сначала я изучил книгу (в бумажной версии), купленную в магазине.
| Цитата (Michael @ 9.02.2014 - 13:21) |
| размеры в auto поставить |
И зачем это в данном случае???
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
| Цитата |
И зачем это в данном случае??? |
емнип, растянет картинку на весь ее размер\размер контейнера.
Осталось только сделать всплывающий див с позишн абсолют и тоже размером авто\процентах?
_____________
"Нужно быть готовым прислушиваться к тем, кто может тебя чему-нибудь научить. Иначе ты никогда не вырастешь."
Откровенно я никому ниразу не нагрубил. А дать подзатыльник зарвавшемуся юнцу, так это и ему на пользу, и мне в удовольствие. © AllesKlar
vital
О_о чувак, ты с армии вернулся??
О_о чувак, ты с армии вернулся??
Нет еще. 105 дней
_____________
"Нужно быть готовым прислушиваться к тем, кто может тебя чему-нибудь научить. Иначе ты никогда не вырастешь."
Откровенно я никому ниразу не нагрубил. А дать подзатыльник зарвавшемуся юнцу, так это и ему на пользу, и мне в удовольствие. © AllesKlar
_____________
"Нужно быть готовым прислушиваться к тем, кто может тебя чему-нибудь научить. Иначе ты никогда не вырастешь."
Откровенно я никому ниразу не нагрубил. А дать подзатыльник зарвавшемуся юнцу, так это и ему на пользу, и мне в удовольствие. © AllesKlar
| Цитата (vital @ 9.02.2014 - 16:36) |
| Нет еще. 105 дней |
Фигасе, какие люди
| Цитата (vital @ 9.02.2014 - 16:06) |
| емнип, растянет картинку на весь ее размер\размер контейнера. |
Это понятно
Вот только человек пока не знает еще, КАК ему этот контейнер сделать.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
Он ни про какой контейнер вообще ничего не спрашивал.
_____________
There never was a struggle in the soul of a good man that was not hard
_____________
There never was a struggle in the soul of a good man that was not hard
Весь флуд уехал сюда: http://phpforum.ru/index.php?showtopic=79700&hl=.
Кто продолжить флудить - вэлкам по ссылке!
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
Кто продолжить флудить - вэлкам по ссылке!
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
Эээээ, ты перестарался.
Ответ ТС'у то что не оставил?
Медведь, судя по описанию, тебе надо увеличивать ЭТУ же картинку, по которой кликают.
При данном раскладе ни каких jQuery и JavaScript'ов не надо.
А вот если при клике на МИНИАТЮРЕ открывать ОРИГИНАЛ, то тога выше тебе советовали верно - проще всего поставить какой-нибудь лайтбокс.
Ответ ТС'у то что не оставил?
Медведь, судя по описанию, тебе надо увеличивать ЭТУ же картинку, по которой кликают.
При данном раскладе ни каких jQuery и JavaScript'ов не надо.
А вот если при клике на МИНИАТЮРЕ открывать ОРИГИНАЛ, то тога выше тебе советовали верно - проще всего поставить какой-нибудь лайтбокс.
Извините за нубство, просто интересно, как насчет такого варианта (как самый короткий)
img:active {font-size: 200%;}
| Цитата (batazor @ 9.02.2014 - 23:42) |
| font-size |
это может и не валидно, но зато получаем увеличение вдвое, даже если размер изображения вычисляется динамически
Здесь расположена полная версия этой страницы.