Щас у меня вот так, фото отдельно, под ними проигрыватели. Нужно, чтобы открывалось, как у рони, только была возможность сделать множество таких фотографий и чтобы у каждого было по плееру с записью соответствующей фотографии.
<html>
<head>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css">
<script type="text/javascript" src="fancybox/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.2.1.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.first").fancybox();
$("a.two").fancybox();
$("a.video").fancybox({"frameWidth":520,"frameHeig ht":400});
$("a.content").fancybox({"frameWidth":600,"frameHe ight":300});
});
</script>
<style>
</style>
<title>Грампластинки</title>
<meta charset="windows-1251">
</head>
<body style="background-color:#990000">
<table border="0" width="580" height="150" align="center" cellpadding="0" cellspacing="0"
style="background-color:#ffffff"></td>
<td width="300" height="150" align="center" border="0">
<div">
<a class="first" title="Леонид Утёсов - У чёрного моря" href="./imgs/1.1.jpg"><img src="./imgs/1.1m.jpg"></a>
</div>
<div">
<a class="first" title="Леонид Утёсов - Автоболельщик" href="./imgs/1.2.jpg"><img src="./imgs/1.2m.jpg"></a>
</div></td>
<td align="center"></td>
</tr>
<tr>
<td height="50">
<audio id="id_15375_2" src="./music/u_chyornogo_morya.mp3" type="audio/mp3" controls="controls" width="470"></audio>
<p></p>
<audio id="id_15375_2" src="./music/avtobol.mp3" type="audio/mp3" controls="controls" width="470"></audio>
</td>
<td height="90" width="250">
Леонид Утёсов - У чёрного моря <p></p> Леонид Утёсов - Автоболельщик
</td>
</tr>
</table>
</body>
</html>