Какой алгоритм определения размеров у увеличения изображения по клику?
Привет!
Искал jquery плагин для увеличения изображения (наводишь на него - появляется лупа, нажимаешь - изображение увеличивается до полного размера, еще раз нажал - закрылось). Но все плагины работают по принципу, что на сайте висит миниатюрка, обернутая в ссылку на полное изо. На сайте за которым я сейчас работаю не так, там сразу добавлено полное изо, только уменьшенное в css. Поэтому я решил написать свой вариант простенький. Добавил всплывающее окно с display:none, ему дал размеры ширины и высоты определенные. И на jquery написал, чтобы при клике на картинку, она добавлялась в эту модалку и показывалась. Все работает, но! Есть картинки где высота больше, ширина меньше, есть где наоборот. У меня только вариант где ширина больше работает неплохо. Как высчитать и задать размеры увеличенному изо исходя из его пропорций? Надеюсь грамотно объяснил, спасибо!
1. Выяснить, что у картинки больше ширина или высота.
2. Выяснить коэффициент для одной из сторон исходя их п.1.
3. Пропорционально увеличить вторую сторону.
Ankhena, первые 2 пункта я выполнил, вопрос в третьем пункте - какую величину умножать на коэффициент? Скажем есть изображение 200 на 400. Грубо говоря 1:2. Какой размер мне умножать на 2?
ок, для начала - дайте блоку макс-хейт и макс вейт по 200пкс. Картинке макс- хейт и вейт по 100%. И посмотрите что получается. А в идеале положите на жсфиддл.
Простой
