|
@ -39,23 +39,45 @@ function EvalSound(soundobj) { |
|
|
|
|
|
|
|
|
<body> |
|
|
<body> |
|
|
<div class="draggable" style="top:120px;left:40px"> |
|
|
<div class="draggable" style="top:120px;left:40px"> |
|
|
<img src="../static/images/test1.jpeg" width='500px' onClick="EvalSound('song1'); return true;" alt="test"> |
|
|
<img src="../static/images/TheStreamRunsBlurry_scan.png" width='500px' onClick="EvalSound('song1'); return true;" alt="test"> |
|
|
<audio id="song1" style="display: none; width: 0px; height: 0px;" |
|
|
<audio id="song1" style="display: none; width: 0px; height: 0px;" |
|
|
src="../static/audio/feldenkrais_mai" controls preload="auto" autobuffer> |
|
|
src="../static/audio/feldenkrais_mai" controls preload="auto" autobuffer> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="draggable" style="top:130px;left:50px"> |
|
|
<div class="draggable" style="top:130px;left:50px"> |
|
|
<img src="../static/images/test2.jpeg" width='500px' onClick="EvalSound('song2'); return true;" alt="test"> |
|
|
<img src="../static/images/ShallPass_scan.png" width='500px' onClick="EvalSound('song2'); return true;" alt="test"> |
|
|
<audio id="song2" style="display: none; width: 0px; height: 0px;" |
|
|
<audio id="song2" style="display: none; width: 0px; height: 0px;" |
|
|
src="../static/audio/Clip26" controls preload="auto" autobuffer> |
|
|
src="../static/audio/Clip26" controls preload="auto" autobuffer> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="draggable" style="top:140px;left:60px"> |
|
|
<div class="draggable" style="top:140px;left:60px"> |
|
|
<img src="../static/images/test3.jpeg" width='500px' onClick="EvalSound('song3'); return true;" alt="test"> |
|
|
<img src="../static/images/NilgünMarmara_scan.png" width='500px' onClick="EvalSound('song3'); return true;" alt="test"> |
|
|
<audio id="song3" style="display: none; width: 0px; height: 0px;" |
|
|
<audio id="song3" style="display: none; width: 0px; height: 0px;" |
|
|
src="../static/audio/FreshMythsDifferentTimes_performance_podcast.mp3" controls preload="auto" autobuffer> |
|
|
src="../static/audio/FreshMythsDifferentTimes_performance_podcast.mp3" controls preload="auto" autobuffer> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="draggable" style="top:150px;left:70px"> |
|
|
|
|
|
<img src="../static/images/fist_Scan.png" width='500px' onClick="EvalSound('song1'); return true;" alt="test"> |
|
|
|
|
|
<audio id="song1" style="display: none; width: 0px; height: 0px;" |
|
|
|
|
|
src="../static/audio/feldenkrais_mai" controls preload="auto" autobuffer> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="draggable" style="top:160px;left:80px"> |
|
|
|
|
|
<img src="../static/images/Coveredfigure_scan.png" width='500px' onClick="EvalSound('song2'); return true;" alt="test"> |
|
|
|
|
|
<audio id="song2" style="display: none; width: 0px; height: 0px;" |
|
|
|
|
|
src="../static/audio/Clip26" controls preload="auto" autobuffer> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="draggable" style="top:170px;left:90px"> |
|
|
|
|
|
<img src="../static/images/AşıkVeysel_Scan.png" width='500px' onClick="EvalSound('song3'); return true;" alt="test"> |
|
|
|
|
|
<audio id="song3" style="display: none; width: 0px; height: 0px;" |
|
|
|
|
|
src="../static/audio/FreshMythsDifferentTimes_performance_podcast.mp3" controls preload="auto" autobuffer> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <div class="draggable"> |
|
|
<!-- <div class="draggable"> |
|
|
<img src="../static/images/test1.jpeg" width='500px' alt="test" onclick="playAudio('../static/audio/FreshMythsDifferentTimes_performance_podcast.mp3')"> |
|
|
<img src="../static/images/test1.jpeg" width='500px' alt="test" onclick="playAudio('../static/audio/FreshMythsDifferentTimes_performance_podcast.mp3')"> |
|
|
</div> |
|
|
</div> |
|
|