Как сделать обводку вокруг фотографии

[DeeSoft]

Может быть кто-нибудь сталкивался с конструкторами "Багетная мастерская" ??? Там весьма занимательный эффект: выбирается определённый вид багета и фотография как бы "огибается" им с полным сохранением текстуры.
Вот и хотелось бы не "изобретать велосипед", а воспользоваться советом мудрого гуру, который может поведать способ такого эффекта.

Заранее спасибо !!!

[0931454574]

Можно ссылку на пример?

[DeeSoft]

0931454574, самый удачный пример: http://kva.ru/abacus/
А так, их очень много

[melky]

сайт/js/new.php?toImage=1&nocache=17319

это измененная картинка.

она уже в рамке

это не яваскрипт, как мне кажется

php?

[DeeSoft]

Ясно, что выполняется PHP-запрос, в котором выполняется сам процесс обтяжки (посылается ссылка на фотку, которая уже залита на сайт, номер выбранного типа материала и происходит создание нового изображения с добавлением выбранного оконтуривания данного изображения)... Если бы исходный код был на клиентской стороне, я бы его давно приватизировал
Но сам процесс выполнен именно с помощью скриптов.
На одном сайте видел данную реализацию на Flash...

[0931454574]

Короче говоря это если при применении браузеров понимающих png и их прозрачность сделать просто. Делается в риунок рамки в PNG формате с прозрачным местом под холст или в нашем случае картинку. То есть растягивать изображение рамки в PNG прямопропорционально загруженому изображению. Не забыть использовать css для рамки z-index:2 для изображение z-index 1 и незабыть указать их позициюи reletivse относительно тоисть и последнее поместить их в блок(div)
На jquery это будет так
1. Принимаем параметры ширины и высоты каритнки
2.изменение атрибутов длины и ширины рамки
3. заливка их в блок див. Вот и все. Если нужен код, то напишу сегодня если надо или когда никогда будет время.
Если PNG не канает то вместо одной рамки будет 4ре изображения которые и станут рамкой

[0931454574]

или даже казать для картинки фон рамку , это даже лучше!

[DeeSoft]

А мне казалось, что там используется всего один или два маленьких фрагмента каждой рамки. По ширине снизу и сверху заполняется горизонтальным цикличным фрагментом, а по бокам - вертикальным цикличным фрагментом. Главная для меня проблема, сделать угловые срезы.

А масштабирование рамки не проканает, т.к. будет нарушена геометрия внешнего вида самой рамки... тут только заполнением до нужного размера.

[0931454574]

Как по мне лучше оперировать одним изображением с прозрачным параллепипедом внутри ,чем парочкой хоть самых простых.
Увеличили и вставили в див с положение относительно дива (релетивс) и з индекс еще в придачу, а за ним второе изображение с теми же параметрами ,только з индекс 2, Если нужен код , то я сегодня найду время написать посе работы. Так что вечером выложу! Только без загрузки изображений! Просто вставка))

[DeeSoft]

Лады, гляну вариант... Спасибо
По-любому буду пытаться сделать с заполнением окантовки цикличным фрагментом