Дмитрий-Шмитрий,
Предлагается следующий вариант:
В странице прописывается iframe
<iframe id="imgwin" src="imgwin.html" style= "position:fixed; top:0; left:0; display:none; width:100%; height:100%;" ></iframe>
в который грузится болванка imgwin.html
<!DOCTYPE html>
<html>
<head>
<script>
function exit() {
document.getElementById('audio').pause();
window.parent.document.getElementById('imgwin').style.display = 'none';
}
</script>
</head>
<body>
<a onclick="exit();"><img src=""></a>
<audio id="audio" src=""></audio>
</body>
</html>
в теги
a вместо href прописывается onclick, вызывающий функцию c параметром, однозначно определяющим картинку и музыку (как вариант - можно передавать в функцию два параметра: имена файлов картинки и музыки с путями)
function showMustGoOn(itemId) {
$("iframe").contents().find("img").attr("src", images[itemId]);
$("iframe").contents().find("audio").attr("src", musics[itemId]);
$("iframe").contents().find("audio").attr("controls", "controls");
$("iframe").css("display", "block");
$("iframe").contents().find("audio").trigger('play');
}
Способ проверен - работает