Wonicon/index.php

## index.php
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="style.css" >
    <script src="masonry.pkgd.js"></script>
  </head>
  <body>
    <div class="grid" data-masonry='{ "itemSelector": ".grid-item", "columnWidth": 250 }'>
<?
$dir = scandir('Phone');
$dir = array_filter($dir, function($item) {
  return !is_dir($item);
});
foreach ($dir as $img) {
  $img = mb_convert_encoding($img, 'UTF-8', 'CP936');
?>
      <div class="grid-item">
        <img src="Phone/<?=$img?>" />
      </div>
<?
}
?>
    </div>
  </body>
</html>

## style.css
.grid-item {
  width: 250px;
}

img {
  display: block;
  width: 100%;
}
	<html>
	<head>
	<link rel="stylesheet" type="text/css" href="style.css" >
	<script src="masonry.pkgd.js"></script>
	</head>
	<body>
	<div class="grid" data-masonry='{ "itemSelector": ".grid-item", "columnWidth": 250 }'>
	<?
	$dir = scandir('Phone');
	$dir = array_filter($dir, function($item) {
	return !is_dir($item);
	});
	foreach ($dir as $img) {
	$img = mb_convert_encoding($img, 'UTF-8', 'CP936');
	?>
	<div class="grid-item">
	<img src="Phone/<?=$img?>" />
	</div>
	<?
	}
	?>
	</div>
	</body>
	</html>