changes
Carl-Gustaf
parent
17635535da
commit
9ab001ee75
23
darknews.css
23
darknews.css
|
|
@ -101,6 +101,22 @@ z-index: 10;
|
|||
}
|
||||
|
||||
|
||||
.scrollbox5{
|
||||
width: 35vw;
|
||||
height: 50vh;
|
||||
left: 37.5vw;
|
||||
position: absolute;
|
||||
border: 3px solid black;
|
||||
overflow: scroll;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
top: 25vh;
|
||||
background-color: rgba(0,0,255, 0.5);
|
||||
z-index: 50;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.wedding {
|
||||
width: 100%;
|
||||
|
||||
|
|
@ -130,6 +146,13 @@ display: none;
|
|||
}
|
||||
|
||||
|
||||
.wedding5 {
|
||||
width: 100%;
|
||||
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
|
||||
.black {
|
||||
background-color: black;
|
||||
}
|
||||
|
|
|
|||
16
darknews.js
16
darknews.js
|
|
@ -49,3 +49,19 @@ $('.scrollbox4').mousedown(handle_mousedown);
|
|||
// }, 500);
|
||||
// });
|
||||
// });
|
||||
|
||||
|
||||
$(document).mouseup(function (e)
|
||||
{
|
||||
var container = new Array();
|
||||
container.push($('.scrollbox5'));
|
||||
|
||||
|
||||
$.each(container, function(key, value) {
|
||||
if (!$(value).is(e.target) // if the target of the click isn't the container...
|
||||
&& $(value).has(e.target).length === 0) // ... nor a descendant of the container
|
||||
{
|
||||
$(value).hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
|
|||
38
index.html
38
index.html
|
|
@ -12,6 +12,16 @@
|
|||
<body>
|
||||
|
||||
|
||||
<div class = "scrollbox5">
|
||||
<div class="cosmosbox"></div>
|
||||
|
||||
<video src="klara/a.mp4" autoplay muted loop class="wedding5" width="100%" left="10%" alt="elephant"></video>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class = "scrollbox1">
|
||||
|
||||
|
|
@ -112,20 +122,20 @@
|
|||
<img src="assets/shoot3.png" class="wedding3 ">
|
||||
<img src="assets/shoot2.png" class="wedding3 ">
|
||||
|
||||
<img src="klara/A2.mp4" class="wedding3" width="100%" left="10%" alt="elephant">
|
||||
<img src="klara/B2.mp4" class="wedding3" width="100%" alt="elephant">
|
||||
<img src="klara/C2.mp4" class="wedding3" width="100%" alt="elephant">
|
||||
<img src="klara/D2.mp4" class="wedding3" width="100%" alt="elephant">
|
||||
<img src="klara/E2.mp4" class="wedding3" width="100%" alt="elephant">
|
||||
<img src="klara/F2.mp4" class="wedding3" width="100%" alt="elephant">
|
||||
<img src="klara/G2.mp4" class="wedding3" width="100%" alt="elephant">
|
||||
<img src="klara/H2.mp4" class="wedding3" width="100%" alt="elephant">
|
||||
<img src="klara/I2.mp4" class="wedding3" width="100%" alt="elephant">
|
||||
<img src="klara/J2.mp4" class="wedding3" width="100%" alt="elephant">
|
||||
<img src="klara/K2.mp4" class="wedding3" width="100%" alt="elephant">
|
||||
<img src="klara/L2.mp4" class="wedding3" width="100%" alt="elephant">
|
||||
<img src="klara/M2.mp4" class="wedding3" width="100%" alt="elephant">
|
||||
<img src="klara/N2.mp4" class="wedding3" width="100%" alt="elephant">
|
||||
<video src="klara/a.mp4" autoplay muted loop class="wedding3" width="100%" left="10%" alt="elephant"></video>
|
||||
<video src="klara/b.mp4" autoplay muted loop class="wedding3" width="100%" alt="elephant"></video>
|
||||
<video src="klara/c.mp4" autoplay muted loop class="wedding3" width="100%" alt="elephant"></video>
|
||||
<video src="klara/d.mp4" autoplay muted loop class="wedding3" width="100%" alt="elephant"></video>
|
||||
<video src="klara/e.mp4" autoplay muted loop class="wedding3" width="100%" alt="elephant"></video>
|
||||
<video src="klara/f.mp4" autoplay muted loop class="wedding3" width="100%" alt="elephant"></video>
|
||||
<video src="klara/g.mp4" autoplay muted loop class="wedding3" width="100%" alt="elephant"></video>
|
||||
<video src="klara/h.mp4" autoplay muted loop class="wedding3" width="100%" alt="elephant"></video>
|
||||
<video src="klara/i.mp4" autoplay muted loop class="wedding3" width="100%" alt="elephant"></video>
|
||||
<video src="klara/j.mp4" autoplay muted loop class="wedding3" width="100%" alt="elephant"></video>
|
||||
<video src="klara/k.mp4" autoplay muted loop class="wedding3" width="100%" alt="elephant"></video>
|
||||
<video src="klara/l.mp4" autoplay muted loop class="wedding3" width="100%" alt="elephant"></video>
|
||||
<video src="klara/m.mp4" autoplay muted loop class="wedding3" width="100%" alt="elephant"></video>
|
||||
<video src="klara/n.mp4" autoplay muted loop class="wedding3" width="100%" alt="elephant"></video>
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue