Add mardown link (thumb + link to full)
This commit is contained in:
parent
db9b1e0b06
commit
ded0ccf041
1 changed files with 14 additions and 5 deletions
|
@ -118,9 +118,12 @@
|
|||
padding: .3em;
|
||||
}
|
||||
|
||||
#modal01 span {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#modal-content-img,
|
||||
|
@ -131,13 +134,13 @@
|
|||
#modal-content-img img,
|
||||
#video01 video {
|
||||
max-width: 98%;
|
||||
max-height: 85vh;
|
||||
max-height: 72vh;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
#comment01 {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
margin: 0 auto 12px;
|
||||
padding: 4px;
|
||||
box-shadow: 0px 5px rgba(89, 0, 46, 0.5);
|
||||
text-align: left;
|
||||
|
@ -200,8 +203,13 @@
|
|||
<div id="video01"></div>
|
||||
<div class="w3-theme-d3 w3-shadow">
|
||||
<p id="comment01"></p>
|
||||
<p id="thumburl"></p>
|
||||
<p id="fullurl"></p>
|
||||
<p>
|
||||
<ul style="text-align: left;">
|
||||
<li id="thumburl"></li>
|
||||
<li id="fullurl"></li>
|
||||
<li id="markdown"></li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -230,6 +238,7 @@
|
|||
document.getElementById("comment01").innerHTML = element.dataset.desc;
|
||||
document.getElementById("thumburl").innerHTML = "Thumbnail : " + element.firstElementChild.currentSrc;
|
||||
document.getElementById("fullurl").innerHTML = "Full : " + element.href;
|
||||
document.getElementById("markdown").innerHTML = "Markdown : [![](" + element.href + "](" + element.href + ")";
|
||||
|
||||
if (typeof element.dataset.video !== 'undefined') {
|
||||
document.getElementById("img01").style.display = "none";
|
||||
|
|
Loading…
Reference in a new issue