наложение маленькой картинки на большую слоями

12
verhmax
На сайте с 01.12.2005
Offline
191
1295

добрый день. есть мысля, реализовать не знаю как. Помогите плиз!

можно ли с помощью всяких там стилей или слоёв наложить визуально маленькую картинку на большу? маленькая картинка на прозрачном фоне и эффект должен быть такой как у одноклассников (на каждой фотке штамп-логотип)

R
На сайте с 04.11.2005
Offline
112
#1

возможно все. например основную картинку запихнуть в div с position:relative и размерами основной картинки, а вторую картинку тоже в тот же div засунуть но спозиционировать абсолютно. например position:aboslute; left:0;bottom:0 - и она будет в левом нижнем углу

verhmax
На сайте с 01.12.2005
Offline
191
#2

мало сообразил я в этом, но думаю уточню вопрос.

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

Shtogrin
На сайте с 02.11.2006
Offline
95
#3

verhmax, это для защиты больших картинок?

www.shtogrin.com (http://www.shtogrin.com/). Канцтовары (http://www.invit.com.ua/). 1С Бухгалтерия (http://account.kiev.ua/).
S2
На сайте с 07.01.2008
Offline
611
#4

Вот пример - расстояния и размеры картинок можете изменить. Для защиты лучше водяной знак или порезать и прозрачным гифом накрыть на худой конец.

zip 1.zip
Не надо приписывать мне свои выводы, я имею ввиду только то, что написал. Лучшая партнёрка по футболкам/толстовкам (http://partnerka.kolorado.ru/?ref=1921540) Опрос: Проверить текст на уник - как? (/ru/forum/495885)
verhmax
На сайте с 01.12.2005
Offline
191
#5

Shtogrin, нет, это для визуального эффекта, чтоб пользователю было видно логотип к каждой фотке маленький

O
На сайте с 02.06.2006
Offline
67
#6

Где то было в закладках похожее -

вот найдено

blog.webmasterschool.ru/php/58/

verhmax
На сайте с 01.12.2005
Offline
191
#7

oldvovk, спасибо, но средствами пхп не нужно. таким образом картинка уже с водяным знаком, а мне нужно чтоб на стороне пользователями она только отображалась, а сама картинка была без изменений

topy
На сайте с 28.03.2006
Offline
142
#8

смотрите размеры картинки и задавайте такого размера таблицу, а картинку кладите в качестве бекграунда, а маленькую позицианируйте в таблице как хотите (но уже просто картинкой)...

Новости коротко и ясно (https://subnews.ru)
verhmax
На сайте с 01.12.2005
Offline
191
#9

вот этот пример

<div id="image1" style="position:absolute; overflow:hidden; left:79px; top:30px; width:800px; height:600px; z-index:0"><img src="images/1.gif" border=0 width=800 height=600></div>
<div id="image2" style="position:absolute; overflow:hidden; left:759px; top:58px; width:80px; height:60px; z-index:1"><img src="images/2.gif" border=0 width=80 height=60></div>

какраз то что надо, но ведь размеры большой картинки мне не известны. как быть в такой ситуации?

topy
На сайте с 28.03.2006
Offline
142
#10

verhmax, узнать их с помощью getimagesize();

12

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