Modèle:Homegallery
<?php $req = $bdd->query("SELECT * FROM photos ORDER BY id DESC LIMIT 5"); while($donnees=$req->fetch()) { ?> <a href="view-image.php?id=<?php echo $donnees['id']; ?>" onmouseover="document.getElementById('overlay<?php echo $donnees['id']; ?>').style.height = '12%';" onmouseout="document.getElementById('overlay<?php echo $donnees['id']; ?>').style.height = '0%';"><img src="<?php echo $donnees['url']; ?>"> <div id="overlay<?php echo $donnees['id']; ?>" style="position: absolute;bottom: 0;left: 0;right: 0;background-color: grey;overflow: hidden;width: 100%;height: 0;transition: .2s ease;background: linear-gradient(rgba(0,0,0,0),30%, rgba(0,0,0,1));">
</a>
<?php } ?>
<link rel="stylesheet" href="justifiedGallery.min.css" />
<script src="jquery.justifiedGallery.min.js"></script>
<script>
$("#galerie").justifiedGallery({
lastRow : 'justify',
rowHeight : 200,
fixedHeight : false,
captions : false,
margins : 2
});
</script>