jpg 파일을 하나의 일반적인 긴 가로 이미지로 업로드하려면 어떻게해야합니까?

Question

이미지 갤러리에 글을 쓸 수 있으며 라이브러리를 사용하지 않습니다. 특정 디렉토리에서 jpg 파일을 업로드합니다.

//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; 
    overflow:hidden; 
} 
//the style for each uploaded image from the file 
#uniq_image { 
    background-repeat: no-repeat; 
    border:1px solid blue; 
    width: 150px; 
    height: 120px; 
    overflow:hidden; 
} 

그 안에 PHP를 업로드 코드와 HTML 파일 :

나는 함께

CSS 파일을들을 스크롤하기 위해 하나 개의 긴 수평 이미지 "moving_image"에 업로드 "uniq_image"이미지를 조립합니다

.... 
<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.'" style="uniq_image" >'; 
      } 
      $dir->close(); 
      ?> 
     </div> 
<td> 

여기에 무엇이 있습니까? 감사.

Answer 1

기본 사항 만 누락되었습니다.

.uniq_image으로 클래스 스타일을 정의해야합니다. #uniq_image은 ID에 대한 규칙이므로 ID가 동일한 여러 요소가 없을 수 있습니다.

style="uniq_image"에서 class="uniq_image"으로 변경하십시오. style 속성은 인라인 스타일 규칙을 정의하기위한 것입니다.

다른 문제가있을 수 있지만 이러한 변경 사항부터 시작하십시오. 또한 이런 것들을 구현하기 전에 좀 더 많은 독서를 고려해보십시오. 왜냐하면 모든 것이 섞여 있기 때문입니다.