Наложение изображения на изображение (альтернативный код)

Question

У меня проблема... Я сгенерировал миниатюры Youtube и хочу добавить "кнопку воспроизведения" с альтернативным кодом, который такой же, как этот: ►

Но, что бы я ни делал, эта кнопка не появится.

PS: проблема в том, что это скрипт, и я не могу добавить эту кнопку на миниатюры. Я сделал класс для изображения, на котором должна появиться кнопка, но даже тогда кнопка не появилась. Непрозрачность и подобные вещи уже сделаны, единственное, что мне нужно, - это кнопка, но, как было сказано ранее, она не будет работать.

img.className = 'but' (это класс, который я создал в скрипте). Сценарий этот ->

http://www.yvoschaap.com/ytpage/ytembed.js

Answer 1

Вы можете использовать CSS и Div для этого

#OverlayImage1
{
position: absolute;
left: 20px;
top: 20px;
width: 56px;
height: 45px;
background: url(underimage.jpg) no-repeat top left;
opacity: .80;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
}

#OverlayImage2
{
position: absolute;
left: 40px;
top: 20px;
width: 56px;
height: 45px;
background: url(play.image) no-repeat top left;
opacity: .80;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
}

также вы можете изменить left:, top:, width: и height: в соответствии с вашими изображениями надеюсь, что это решит вашу проблему

Answer 2

Изображение с альтернативным кодом появляется только тогда, когда оно недоступно. Это не накладывает изображение.