当上传区域设置为“溢出：隐藏”时，如何上传所有图像？

Question

I try to write image gallery without use any libraries. I want to upload 14 jpg files as "uniq_image" instances into common image "moving_image". The bug that I succeed to upload only 3 jpg files because "overflow:hidden" is set for 'td' class in css.

The css file:

//the common long horizontal image that I want to assemble from uniq_images
#moving_image  {
    background-repeat: no-repeat; 
    position: relative;
    border:1px dashed red;
    width: 420px;
    height: 130px;
    left: 10px;
}
//the style for each uploaded image from the file
.uniq_image {
    background-repeat: no-repeat;
    border:1px solid gray;
    width: 120px;
    height: 80px;
    margin: 5px 25px 5px 25px;
    padding:2px
    overflow:hidden;
}
//I set it because I have to fix the cell size
td {
    overflow:hidden;
}

The html code:

....
<td width ="420" height="130" overflow="hidden">
     <div id= "moving_image" >
             <?php
                  $img_folder = 'picture';
                  $dir = dir($img_folder);
                  while (($file = $dir->read()) !== false){
                      echo '<img src="'.$img_folder."/".$file.'" class="uniq_image" >';              
                  $dir->close();
              ?>
      </div>
<td>

So, how can I fix this bug and upload all images into "moving_image"? Thanks.

Answer 1

I solved this issue. I added:

margin-left:-2000px;
width:2000px;

to "moving_image" definition.