nyanloutre
/
site-max
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Sketchfab iframe

This commit is contained in:
nyanloutre 2017-07-24 17:09:52 +02:00
parent 2e130a2526
commit 8102192410
Signed by: nyanloutre
GPG Key ID: F85D93686A3A9063
1 changed files with 35 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
index.html
View File

@ -120,10 +120,8 @@
<source src="video/portfolio/1.webm" type="video/webm">
</video>
</div>
<div class="video-portfolio col-lg-4 col-sm-6">
<video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm">
</video>
<div class="video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#sketchFabModal" data-sketchfabid="7507e61126754169937a24858981b185" data-comment="Une carotte">
<img src="img/portfolio/1.jpg" />
</div>
<div class="video-portfolio col-lg-4 col-sm-6">
<video loop muted poster="img/portfolio/1.jpg">
@ -201,6 +199,25 @@
</div>
</div>
<div class="modal fade" id="sketchFabModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="embed-responsive embed-responsive-16by9">
<iframe allowvr allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel=""></iframe>
</div>
<hr>
<p></p>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/tether/tether.min.js"></script>
@ -309,6 +326,20 @@
$(this).find('.modal-body iframe')[0].src = "";
$(this).find('.modal-body p')[0].innerHTML = "";
});
$('#sketchFabModal').on('show.bs.modal', function (event) {
masthead_video_mute(true);
var button = $(event.relatedTarget);
var sketchfab_id = button.data('sketchfabid');
var comment = button.data('comment');
var modal = $(this);
modal.find('.modal-body iframe')[0].src = 'https://sketchfab.com/models/' + sketchfab_id + '/embed';
modal.find('.modal-body p')[0].innerHTML = comment;
});
$('#sketchFabModal').on('hidden.bs.modal', function () {
$(this).find('.modal-body iframe')[0].src = "";
$(this).find('.modal-body p')[0].innerHTML = "";
});
</script>
</body>