main sound pop-up + buttons

master
Tancre 5 years ago
parent 61a1423367
commit b629f8f126

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

@ -8,7 +8,7 @@
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body onLoad="popup('./track.html', 'track')">
<div id="chaos" class="draggable"> <div id="chaos" class="draggable">
<!-- ----------------- SPACE ------------------ --> <!-- ----------------- SPACE ------------------ -->
<div id="space"> <div id="space">
@ -23,6 +23,30 @@
<h1 id="ii" class="ilinx draggable">i</h1> <h1 id="ii" class="ilinx draggable">i</h1>
<h1 id="n" class="ilinx draggable">n</h1> <h1 id="n" class="ilinx draggable">n</h1>
<h1 id="x" class="ilinx draggable">χ</h1> <h1 id="x" class="ilinx draggable">χ</h1>
<audio preload="auto" id="sound-1" src="./Bottoni/1.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-2" src="./Bottoni/2.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-3" src="./Bottoni/3.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-4" src="./Bottoni/4.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-5" src="./Bottoni/5.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-6" src="./Bottoni/6.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-7" src="./Bottoni/7.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-8" src="./Bottoni/8.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-9" src="./Bottoni/9.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-10" src="./Bottoni/10.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-11" src="./Bottoni/11.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-12" src="./Bottoni/12.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-13" src="./Bottoni/13.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-14" src="./Bottoni/14.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-15" src="./Bottoni/15.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-16" src="./Bottoni/16.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-17" src="./Bottoni/17.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-18" src="./Bottoni/18.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-19" src="./Bottoni/19.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-20" src="./Bottoni/20.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-21" src="./Bottoni/21.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-22" src="./Bottoni/22.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-23" src="./Bottoni/23.wav" type="audio/wav"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-24" src="./Bottoni/24.wav" type="audio/wav"> ... src & fallback ... </audio>
</div> </div>
<div id="islands"> <div id="islands">
<p id="lemuria" title="The ghost continent of Lemuria was the probable cradle of the human race, the original home of man, the true Eden, all traces of which had been submerged by its disappearance. Now bypassed by conventional rationality as a scientific fiction or an accidental myth, Lemuria sinks into the distant future, stranding the red island with its marooned lemur people. "><a href="#" class="island" > lemuria </a> </p> <p id="lemuria" title="The ghost continent of Lemuria was the probable cradle of the human race, the original home of man, the true Eden, all traces of which had been submerged by its disappearance. Now bypassed by conventional rationality as a scientific fiction or an accidental myth, Lemuria sinks into the distant future, stranding the red island with its marooned lemur people. "><a href="#" class="island" > lemuria </a> </p>
@ -158,6 +182,21 @@
</div> </div>
</div> </div>
<script type="text/javascript" src="../scripts/drag.js"></script> <script type="text/javascript" src="../scripts/drag.js"></script>
<script type="text/javascript">
//AUDIO POP UP
function popup(mylink, windowname) {
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string') href=mylink;
else href=mylink.href;
window.open(href, windowname, 'width=250, height=100, top=200, left=200, scrollbars=no,location=no,menubar=no,resizable=no,');
return false;
}
$(".ilinx, .island, .place").mouseenter(function() {
$("#sound-" + Math.ceil(Math.random() * 24))[0].play();
});
</script>
</body> </body>
</html> </html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

@ -270,7 +270,7 @@ svg {
} }
path { path {
fill: black; fill: none;
stroke: white; stroke: white;
stroke-linecap: round; stroke-linecap: round;
} }

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<title>track</title>
</head>
<body>
<audio controls autoplay loop>
<source src="Bubbles_grandPiano.wav" type="audio/wav">
</audio>
</body>
</html>
Loading…
Cancel
Save