Работа с граффикой

[moskalev_mihail]

Доброго времени суток!

Для верстки макета понадобился скрипт, который позволяет с картинками творить подобное:

Может быть может кто то скинуть ссылку или подсказать хотя бы название этого эффекта?

[ShumNo]

На вскидку http://habrahabr.ru/blogs/javascript/86952/

[psywalker]

На вскидку http://habrahabr.ru/blogs/javascript/86952/

А вот кстати и не факт дружище, что с помощью CSS3 ты такое сделаешь. Если не сложно, покажи пожалуйста тестовую страницу с примером. Можно в ЛС.

[ShumNo]

Так я и не делаю, ссылку только дал, что в поисковике попалось. Там же один из примеров http://www.useragentman.com/tests/cssSandpaper/skewTest.html не знаю на сколько тут есть изменение перспективы вроде как и нету, а может и есть...

[moskalev_mihail]

Блин... Весь интернет облазил, но способ решить эту проблему не нашел.

[ctpz]

Чем же вам вот это не понравилось? По-моему идеально подходит вашим требованиям.

[psywalker]

Блин... Весь интернет облазил, но способ решить эту проблему не нашел.

Лови дружище:

1. Качаем reflex.js с сайта http://www.netzgesta.de/reflex/

2. Интегрируем в свою страницу:

<script type="text/javascript" src="reflex.js"></script>

3. Для изменения изображения нужному img присваиваем class="reflex ..."

4. Вместо (...) вставляем разные значения через пробел:

itilt - то, в какую сторону деформируется рисунок (itiltleft\right\none)

iheight - высота отражения (0 - минимальное отражение 100 - максимальное)

iopacity - степень прозрачности отражения (0-100)

idistance - расстояние от изображения до отражения (px)

iborder - рамка вокруг изображения в px (iborder5)

icolor - задаем цвет рамки вокруг изображения(icolorffffff) - именно шестизначные.

[moskalev_mihail]

Чем же вам вот это не понравилось? По-моему идеально подходит вашим требованиям.

Спасибо) Буду пробовать.

Блин... Весь интернет облазил, но способ решить эту проблему не нашел.

Лови дружище:

1. Качаем reflex.js с сайта http://www.netzgesta.de/reflex/

2. Интегрируем в свою страницу:

<script type="text/javascript" src="reflex.js"></script>

3. Для изменения изображения нужному img присваиваем class="reflex ..."

4. Вместо (...) вставляем разные значения через пробел:

itilt - то, в какую сторону деформируется рисунок (itiltleft\right\none)

iheight - высота отражения (0 - минимальное отражение 100 - максимальное)

iopacity - степень прозрачности отражения (0-100)

idistance - расстояние от изображения до отражения (px)

iborder - рамка вокруг изображения в px (iborder5)

icolor - задаем цвет рамки вокруг изображения(icolorffffff) - именно шестизначные.

Эм... Спасибо дружище)Но это из моего поста ссылка)))) Рефлекс не совсем подходит в этой ситуации

[psywalker]

Эм... Спасибо дружище)Но это из моего поста ссылка)))) Рефлекс не совсем подходит в этой ситуации

Блин, столько народа каждый день вижу, уже путаюсь, прости))

А почему не подходит?

[moskalev_mihail]

Эм... Спасибо дружище)Но это из моего поста ссылка)))) Рефлекс не совсем подходит в этой ситуации

Блин, столько народа каждый день вижу, уже путаюсь, прости))

А почему не подходит?

Нужно повернуть изображение без деформации, а рефлекс так не умеет.

[buddah]

http://peterned.home.xs4all.nl/matrices/ это не подойдет?

[Z3RO]

Здесь больше GDlib подойдёт. Во первых генерация будет быстрее, а во-вторых загружается уже изменённое изображение(думаю не нужно обьяснять чем это лучше). =)