data-src="#[[+idx]]" у вас что одинаковый у обоих ссылок?
@keyframes если будете менять заливку fill. Если только увеличение, то один.
Слешь забыли перед именем файла.<?php echo file_get_contents(dirname(__FILE__) . "functions.js"); ?>
dirname(__FILE__) возвращает путь до файла php скрипта, в котором вызывается функция, без последнего слеша.<?php echo file_get_contents(dirname(__FILE__) . "/functions.js"); ?>functions.js находится рядом (в той же директории) с файлом design.inc.php
functions.js
<html lang="<?php echo $LANG; ?>" dir="<?php echo lang('ltr'); ?>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="robots" content="noindex">
<title><?php echo $title_page; ?></title>
<link rel="stylesheet" type="text/css" href="../adminer/static/default.css">
<script>
<?php echo file_get_contents(dirname(__FILE__) . "/../static/functions.js"); ?>
</script>
<?php echo script_src("static/editing.js"); ?>
<?php if ($adminer->head()) { ?>
<link rel="shortcut icon" type="image/x-icon" href="../adminer/static/favicon.ico">
<link rel="apple-touch-icon" href="../adminer/static/favicon.ico">
<?php foreach ($adminer->css() as $css) { ?>
<link rel="stylesheet" type="text/css" href="<?php echo h($css); ?>">
<?php } ?>
<?php } ?>script
var myArrBuffer = audioBufferToWav(<ваш_аудио_буфер>);
var blob = new Blob([myArrBuffer], {type: 'audio/wav' });<div class="card">
<a href="javascript:;" data-fancybox data-options='{"src": "#exampleModal", "touch": false, "smallBtn" : false}'></a>
</div>.card {
position: relative;
}
.card a[data-fancybox] {
position: absolute;
width: 100%;
height: 100%;
}
@media(max-width: 480px){
.card a[data-fancybox] {
display: none;
}
}