Возможно ли джаваскриптом наложить прозрачный gif на jpg?

nocomments
На сайте с 12.11.2009
Offline
189
1185

Ищу варианты. Может ли джаваскрипт наложить маленькую гифку, что-то типа вотермарка на джипеги, обозначенные для этого, например, отдельным классом CSS? Если возможно, то насколько ресурсозатратно для браузера?

Это счастливая рефка: {жать сюда} (http://bit.ly/WbMR4O) тому, кто по ней разместит больше всего статей, будет сопутствовать счастье всю его оставшуюся, длинную, обеспеченную жизнь.
M8
На сайте с 01.03.2008
Offline
100
#1

Можно. Так часто значок "увеличить" накладывают. По ресурсозатратам - чёрт его знает.

PS только это 2 разных изображения останутся, а не сольются в 1. В смысле физически.

Сумма разума на планете - величина постоянная. А население растёт ... Русской грамоте обучен плохо.
nocomments
На сайте с 12.11.2009
Offline
189
#2

miker81, спасибо, именно так и нужно. Пойду искать примерчики. Если есть специалисты, способные написать такой скриптик, проспамьте ценник плз! =)

M8
На сайте с 01.03.2008
Offline
100
#3
nocomments
На сайте с 12.11.2009
Offline
189
#4

miker81, Спасибо! То что нужно!

T.R.O.N
На сайте с 18.05.2004
Offline
314
#5

nocomments, зачем делать с помощью JS, если это позволяет сделать обычный CSS. просто позиционированием накладывается картинка одна на другую. Если GIF имеет прозрачность, это будет учтено. И совсем не нужно подключать разные г..нокоды, особенно гквери.

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
nocomments
На сайте с 12.11.2009
Offline
189
#6

T.R.O.N, в этом случае придётся jpg сделать фоном, правильно?

K
На сайте с 28.12.2008
Offline
61
kud
#7
nocomments:
в этом случае придётся jpg сделать фоном, правильно?

<div style = "position:relative">

<img src="путь к картинке" />
<img src="путь к watermark" style = "position:absolute; bottom:5px; right:5px"/>
</div>
nocomments
На сайте с 12.11.2009
Offline
189
#8

T.R.O.N, kud, спасибо, примерно так и сделал.

Для отчётности, на приведённом выше примере:

<div style = "указан точный размер дива">
<img src="путь к картинке" />
<img src="путь к watermark" style = "position:relative; позиционирование от top и left"/>
</div>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий