1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158
|
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Photo Gallery Directory</title>
<!-- Photo-Gallery-Directory -->
<link href='//www.blue-shaker.com/scripts/Photo-Gallery-Directory/simplelightbox.min.css' rel='stylesheet' type='text/css'>
<link href='//www.blue-shaker.com/scripts/Photo-Gallery-Directory/Photo-Gallery-Directory.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="//www.blue-shaker.com/gallery/css/fonts1.css" />
<link rel="stylesheet" type="text/css" href="//www.blue-shaker.com/gallery/css/style-boutons1.css" />
<style type="text/css">
html {
height: 100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
height: 100%;
background-color: #E0E0E0;
}
.X1conteneur {
margin:5% 0%; /* espacement horizontal entre les blocs */
width:100%;
display:inline-block;
vertical-align:middle;
text-align:center; /* on rétablit l'alignement du texte */
font-family: 'Montserrat', sans-serif;
font-size: 30px;
font-weight: 300;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript" src="//www.blue-shaker.com/scripts/Photo-Gallery-Directory/simple-lightbox.js"></script>
<script type="text/javascript" src="//www.blue-shaker.com/scripts/Photo-Gallery-Directory/Photo-Gallery-Directory.js"></script>
</head>
<body>
<div class="X1conteneur">
<p> </p>
<p><a >Galerie Vogue</a><br>
<a class="h9" >Vogue Gallery</a><br>
<a class="b2" href="<?php echo $_SERVER['HTTP_REFERER']; ?>"> Retour</a></p>
</div>
<div class='pgd-container'>
<div class="pgd-gallery">
<?php
// Image extensions
$image_extensions = array("jpeg","JPEG","jpg","JPG","png","PNG","gif","GIF");
// Target directory
$dir = 'images/';
if (is_dir($dir)){
if ($dh = opendir($dir)){
$count = 1;
// Read files
while (($file = readdir($dh)) !== false){
if($file != '' && $file != '.' && $file != '..'){
// Thumbnail image path
$thumbnail_path = "//www.blue-shaker.com/gc/Vogue/images/".$file;
// Image path
$image_path = "//www.blue-shaker.com/gc/Vogue/images/".$file;
$thumbnail_ext = pathinfo($thumbnail_path, PATHINFO_EXTENSION);
$image_ext = pathinfo($image_path, PATHINFO_EXTENSION);
// Check its not folder and it is image file
if(!is_dir($image_path) &&
in_array($thumbnail_ext,$image_extensions) &&
in_array($image_ext,$image_extensions)){
?>
<!-- Image -->
<a href="<?php echo $image_path; ?>">
<img src="<?php echo $thumbnail_path; ?>" alt="" title=""/>
</a>
<!-- --- -->
<?php
// Break
if( $count%100 == 0){
?>
<div class="pgd-clear"></div>
<?php
}
$count++;
}
}
}
closedir($dh);
}
}
?>
</div>
</div>
<div class="X1conteneur">
<a href="<?php echo $_SERVER['HTTP_REFERER']; ?>"> Retour</a>
</div>
<button onclick="topFunction()" id="myBtn" title="Go to top">↑</button>
<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("myBtn").style.display = "block";
} else {
document.getElementById("myBtn").style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</body>
</html> |
Partager