Css Java Html ?

[hdlex 17]

В общем, мне нужно накладывать на картинки прозрачный фон с полупрозрачной надписью =)

с помощью чего реализуется ? если есть дайте ссылку почитать .

Я думал сss нашел статьи увеличение по клику старт при наведении и прочее, если что могу скинуть ссылку .

[kanutoiiika 17]

css\html

свойство opacity

http://htmlbook.ru/css/opacity

Изменено 13 апреля, 2014 пользователем kanutoiiika

[hdlex 17]

О, большое спасибо !. Тему не закрываю, может кто еще чет интересное подкинет .

[hdlex 17]

В общем свойство помогло сделать рисунок прозрачным но мне не это нужно ,

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

[hdlex 17]

кому интересно - решение на php

создаем файл watermark.png который будет накладываться и ложем в каталог images/

после создаем пхп файл watermark.php

 

<?php

header('content-type: image/jpeg');

 

// получаем имя изображения через GET

$image = $_GET['image'];

 

// создаём водяной знак

$watermark = imagecreatefrompng('images/watermark.png');

 

// получаем значения высоты и ширины водяного знака

$watermark_width = imagesx($watermark);

$watermark_height = imagesy($watermark);

 

// создаём jpg из оригинального изображения

$image_path = $image;

$image = imagecreatefromjpeg($image_path);

//если что-то пойдёт не так

if ($image === false) {

return false;

}

$size = getimagesize($image_path);

// помещаем водяной знак на изображение

$dest_x = $size[0] - $watermark_width - 5;

$dest_y = $size[1] - $watermark_height - 5;

 

imagealphablending($image, true);

imagealphablending($watermark, true);

// создаём новое изображение

imagecopy($image, $watermark, $dest_x, $dest_y, 0, 0, $watermark_width, $watermark_height);

imagejpeg($image);

 

// освобождаем память

imagedestroy($image);

imagedestroy($watermark);

 

?>

 

 

в итоге вызываем подобным способом <img src="watermark.php?image=file/dv_21.jpg" width="500px" height="400px" alt=""/>

 

 

можно впихнуть в функцию

ow = mysql_fetch_array($result,MYSQL_ASSOC);

printf("<p style='font-size:18px'>%s</p>

<p>%s</p>

<p><img oncontextmenu='return false' ondragstart='return false' style='margin-right:5px' width='150px' height='140px' align='left' src='watermark.php?image=%s'>%s</p>"

,$row['title'],$row['date'],$row['img_src'],$row['text']);

Изменено 14 апреля, 2014 пользователем hdlex