Try it as a background image
This commit is contained in:
parent
9fd80f5d12
commit
63d223b4d6
@ -14,7 +14,7 @@
|
||||
overflow: hidden;
|
||||
zoom: 1;
|
||||
}
|
||||
img {
|
||||
.img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: auto;
|
||||
@ -23,7 +23,9 @@
|
||||
cursor: pointer;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
background: #1a1a1a;
|
||||
background-image: url($img_url);
|
||||
background-size: cover; /* Important for proper scaling */
|
||||
background-position: center;
|
||||
}
|
||||
.chevron {
|
||||
position: absolute;
|
||||
@ -55,7 +57,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<a href="$image_click_url"><img id="img" src="$img_url" title="$filename"></a>
|
||||
<a href="$image_click_url"><div id="img" title="$filename"></div></a>
|
||||
<a href="$prev_url" class="chevron left" id="prev-btn">‹</a>
|
||||
<a href="$next_url" class="chevron right" id="next-btn">›</a>
|
||||
$play_button
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user