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

Ajout lien ArtStation modal

This commit is contained in:
nyanloutre 2019-07-14 12:28:07 +02:00
parent c212523ebc
commit 665125e0dd
Signed by: nyanloutre
GPG Key ID: 194A92D1103ACB2A
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@ -148,7 +148,7 @@
<source src="video/portfolio/lant.webm" type="video/webm"> <source src="video/portfolio/lant.webm" type="video/webm">
</video> </video>
</div> </div>
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802537?autoplay=1&loop=1&autopause=0" data-comment="When a train leaves the earth..."> <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802537?autoplay=1&loop=1&autopause=0" data-artstationid="xzKzvX" data-comment="When a train leaves the earth...">
<video loop muted poster="img/portfolio/loco.jpg"> <video loop muted poster="img/portfolio/loco.jpg">
<source src="video/portfolio/loco.webm" type="video/webm"> <source src="video/portfolio/loco.webm" type="video/webm">
</video> </video>
@ -376,7 +376,6 @@
video_div.onmouseout = function() {this.children[0].load()}; video_div.onmouseout = function() {this.children[0].load()};
} }
var comment_header = "<hr><p>"
$('#iframeModal').on('show.bs.modal', function (event) { $('#iframeModal').on('show.bs.modal', function (event) {
var modal = $(this); var modal = $(this);
@ -386,6 +385,7 @@
var youtube_id = button.data('youtubeid'); var youtube_id = button.data('youtubeid');
var vimeo_id = button.data('vimeoid'); var vimeo_id = button.data('vimeoid');
var sketchfab_id = button.data('sketchfabid'); var sketchfab_id = button.data('sketchfabid');
var artstation_id = button.data('artstationid');
var comment = button.data('comment'); var comment = button.data('comment');
var options = button.data('options'); var options = button.data('options');
@ -421,8 +421,21 @@
} }
var modal_comment = modal.find('.modal-body .modal-comment')[0];
if (comment) { if (comment) {
modal.find('.modal-body .modal-comment')[0].innerHTML = comment_header + comment + '</p>'; var comment_object = document.createElement('p');
comment_object.innerText = comment;
modal_comment.appendChild(document.createElement('hr'));
modal_comment.appendChild(comment_object);
}
if (artstation_id) {
var artstation_link = document.createElement('a');
artstation_link.title = "More details on ArtStation";
artstation_link.href = "https://www.artstation.com/artwork/" + artstation_id;
modal_comment.appendChild(document.createElement('hr'));
modal_comment.appendChild(artstation_link);
} }
}); });