make it impossible to look before the beginning
This commit is contained in:
parent
1870b8943d
commit
8afeb860c9
|
@ -3,10 +3,10 @@ tr {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-between; }
|
justify-content: space-between; }
|
||||||
|
|
||||||
a img {
|
td img {
|
||||||
width: 32px;
|
width: 32px;
|
||||||
transition: all 0.2s; }
|
transition: all 0.2s; }
|
||||||
a img:hover {
|
td img:hover {
|
||||||
width: 64px; }
|
width: 64px; }
|
||||||
|
|
||||||
#comic {
|
#comic {
|
||||||
|
@ -14,5 +14,7 @@ a img {
|
||||||
|
|
||||||
.strip {
|
.strip {
|
||||||
width: 512px; }
|
width: 512px; }
|
||||||
|
.strip:hover {
|
||||||
|
width: 512px; }
|
||||||
|
|
||||||
/*# sourceMappingURL=style.css.map */
|
/*# sourceMappingURL=style.css.map */
|
||||||
|
|
|
@ -1,10 +1,12 @@
|
||||||
|
$stripwidth: 512px;
|
||||||
|
|
||||||
tr {
|
tr {
|
||||||
display:flex;
|
display:flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
a{
|
td{
|
||||||
img{
|
img{
|
||||||
width:32px;
|
width:32px;
|
||||||
transition: all 0.2s;
|
transition: all 0.2s;
|
||||||
|
@ -18,5 +20,8 @@ a{
|
||||||
}
|
}
|
||||||
|
|
||||||
.strip {
|
.strip {
|
||||||
width:512px;
|
width:$stripwidth;
|
||||||
|
&:hover{
|
||||||
|
width: $stripwidth;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
16
index.php
16
index.php
|
@ -17,8 +17,20 @@ if(is_null($comic)){
|
||||||
<img class=strip title=<?php echo "\"${comic["hover"]}\"";?> src=<?php echo "\"${comic["file"]}\""?> /></td>
|
<img class=strip title=<?php echo "\"${comic["hover"]}\"";?> src=<?php echo "\"${comic["file"]}\""?> /></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href=index.php?id=0><img title="first comic" src="images/first.png"></a></td>
|
<td><a href=index.php?id=1><img title="first comic" src="images/first.png"></a></td>
|
||||||
<td><a href=index.php?id=<?php echo $id-1?>><img title="previous comic" src=images/prev.png></a></td>
|
<td><?php
|
||||||
|
if($id>1) {
|
||||||
|
echo "<a href=index.php?id=".
|
||||||
|
($id-1).
|
||||||
|
" >";
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<img title="previous comic" src=images/prev.png>
|
||||||
|
<?php
|
||||||
|
if($id>1) {
|
||||||
|
echo "</a>";
|
||||||
|
}
|
||||||
|
?></td>
|
||||||
<td></td>
|
<td></td>
|
||||||
<td><a href=index.php?id=<?php echo $id+1?>><img title="next comic" src=images/next.png></a></td>
|
<td><a href=index.php?id=<?php echo $id+1?>><img title="next comic" src=images/next.png></a></td>
|
||||||
<td><a href=index.php ><img title="latest comic" src="images/latest.png" ></a></td>
|
<td><a href=index.php ><img title="latest comic" src="images/latest.png" ></a></td>
|
||||||
|
|
Loading…
Reference in New Issue