new images

This commit is contained in:
nglk 2020-09-09 16:33:29 +02:00
parent 795aab1435
commit 8b60f55cec
3 changed files with 27 additions and 4 deletions

1
.gitignore vendored
View File

@ -1,2 +1,3 @@
__pycache__/ __pycache__/
static/audio/ static/audio/
static/images

View File

@ -4,7 +4,7 @@
} }
.draggable img { .draggable img {
opacity: 0.7; opacity: 0.75;
#video2 { #video2 {
padding-top: 100px; padding-top: 100px;
position: relative; position: relative;

View File

@ -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>