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