[JavaScript] Jquery nałożenie przezroczystego paska na zdjęcie. Opcje

[arzach]

Witam jak mogę osiągnąć taki efekt jak na


(IMG:http://www.fusion.boo.pl/pasek.JPG)



Chodzi o ten przezroczysty pasek na dole zdjęcia. Chciał bym nałożyć taki pasek na zdjęcie w którym będę mógł umieszczać informacje na temat zdjęcia. Zdjęcie nie zawsze morzę być takiego samego rozmiaru.

Prosił bym o wskazówki jak to wykonać. Nie chodzi mi o gotowca chciał bym sam takie coś zrobić sam od początku. Domyślam się że na początku musiał bym pobrać szerokość obrazka i potem na podstawie szerokości nałożyć div na obrazek.

[arzach]

A czy nie lepiej będzie to osiągnąć w samym css (z półprzezroczystym png jako tło)? Dwie warstwy, jedna na drugiej, druga przyklejona do dołu.

Możesz coś bardziej przybliżyć jak mogę to zrobić ?

A i obrazek może być różnego rozmiaru bo jest pobierany z bazy.

Jak mogę nałożyć warstwę na obrazek ? ( pasek) by był na samym dole obrazka ?






Bo na chwile obecną zrobiłem w php takie coś
przykład
http://www.fusion.boo.pl/pasek.php
( chodzi o kółko )
i nie mogę znaleźć funkcji którą mógł bym zrobić prostokąt zamiast kółka oto kod jaki napisałem

[PHP] pobierz, plaintext 
<?php
$origfile = 'test.jpg';
$image = imagecreatefromjpeg($origfile);
$blue_x   = 387;
$blue_y   = 125;
$radius   = 150;
$blue = imagecolorallocatealpha($image, 0, 0, 0, 70);
imagefilledellipse($image, $blue_x, $blue_y, $radius, $radius, $blue);
header('Content-type: image/png');
imagepng($image);
imagedestroy($image);
?>
[PHP] pobierz, plaintext 

Ten post edytował arzach 17.07.2009, 20:12:21