А так пробовал?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
<style>
A.rollover {
background: url('media/img1.jpg'); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 300px; /* Ширина рисунка */
height: 400px; /* Высота рисунка */
border: 1px solid #000; /* Рамка вокруг картинки */
}
</style>
</head>
<body>
<center>
<a href="#" id="p1" class="rollover" ></a>
</center>
<script type="text/javascript" charset="utf-8">
var my_media = null;
function playAudio(src) {
my_media = new Media(src);
my_media.play();
}
var link = document.getElementById('p1');
link.onclick = function() {
this.style.backgroundImage ='url(media/img3.jpg)';
playAudio('1.mp3');
}
</script>
</body>
</html>
__________________
"I don't write to say what I think, but to know what I think"
Последний раз редактировалось eirnvn, 03.10.2012 в 10:47.
|