Вход

Просмотр полной версии : Прижатие двух углов квадрата


Willfordhigh
11.07.2017, 17:43
Здравствуйте, столкнулся с такой проблемой, в html можно прокрутить изображение как угодно, но нельзя взять допустим два верхних угла квадрата, прижать их между собой, так что бы нижние два угла квадрата оставались на своих местах(речь идет о фотографии). По этому пришлось обратиться к джс, хотя кроме редактирования цифровых значений не занимался. Можете подсказать что можно сделать?

laimas
11.07.2017, 18:14
взять допустим два верхних угла квадрата, прижать их между собой

О чем это, имитировать перспективу/наклон?

рони
11.07.2017, 18:18
наверно что-то похожее на
http://cssdeck.com/labs/pure-css3-page-flip-effect
http://www.turnjs.com/

laimas
11.07.2017, 19:28
наверно что-то похожее

И листать на себя. :)

Willfordhigh
11.07.2017, 21:52
Нужно что бы был 3Д вид комнаты(то есть будет стоять статическая фотография самой комнаты), и суть заключается в том, что по средине этой комнаты есть картина под углом, и надо что бы там при выборе миниатюры снизу этой фотографии на самой картине фотографии менялись. Я нашел что то типа такого варианта
http://jsfiddle.net/iiil/pfa75/1/
Но интересует способ что бы был легче в обработке, и вообще проектировании, по этому подумал что здесь кто то может подсказать тот же вдруг какой то джиквери готовый плагин.

рони
11.07.2017, 22:04
надо что бы там при выборе миниатюры снизу этой фотографии на самой картине фотографии менялись.
непонятно что вам нужно, но сотня, другая слайдеров, есть на этом форуме с таким алгоритмом, а в инете ... много и маленькая тележка.

рони
11.07.2017, 22:07
Willfordhigh,
https://learn.javascript.ru/task/image-gallery

laimas
11.07.2017, 22:33
Но интересует способ что бы был легче в обработке

Куда еще легче, так как по ссылке вообще не нужен JS, это CSS трансформация (перспектива). Любому объекту/объектам можно задать такое.