Вращающиеся изображения продуктов, чтобы они выглядели как сливающиеся в другое представление

Question

Представьте себе страницу с тремя миниатюрами различных видов товаров. Когда вы щелкаете по представлению, div основного изображения быстро переходит в новое представление.

Скажем, это была обувь, которую я фотографировал, и у нее был вид сверху, вид сверху и вид сбоку.

Мой вопрос: есть ли способ передать иллюзию вращения e.t.c из одного вида в другой, когда на него нажимают? Так что не прямое изменение изображения, а переход, который работает быстро, чтобы создать иллюзию морфа почти.

Любые идеи будут с благодарностью.

Answer 1

То, что вы просите, звучит как Tweening . Один из вариантов этого - Морфинг , который обеспечивает серию переходов из одного неподвижного состояния в другое. Этот сайт имеет инструмент, который генерирует промежуточные изображения и может быть полезен для заполнения промежутков между изображениями, которые у вас есть в настоящее время. Тогда некоторая стандартная форма fadeshow создала бы внешний вид, не вызывая вычислительных затрат при каждой загрузке страницы. JavaMorph - это Java-апплет, который может сделать это на месте в режиме реального времени. Примечание. Ничто из этого не было проверено, и при создании этого ответа не было повреждено ни одного изображения.

Answer 2

Питер прав - просто используйте морфинг: вы можете изобразить этот эффект в 2 шага:

Перейдите от квадратного крошечного прямоугольника (почти на 1 ширину) -> заменить содержимое -> снова измените размер на тот же размер.

Надеюсь, это поможет:)