슬라이드 쇼에 많은 이미지를 추가해야합니다

미안 해요.하지만 개발자가 아닙니다. 지식은 HTML과 CSS로 제한됩니다. 웹에서 솔루션을 찾고 여기 포럼에서 찾을 때까지 많은 시간을 보내고 있습니다. 내가 수동으로 쓰고슬라이드 쇼에 많은 이미지를 추가해야합니다

<div><img u="image" src="img/Chrysanthemum.jpg" /></div>

나는 슬라이드 쇼에 삽입 할 이미지의 많은 경우,하지만, 내가 어떻게을 생성 할 수 있습니다

이

는 예를 들어 HTML이 HTML 페이지에 이미지를 추가하는 것입니다 모든 이미지에 대한 HTML?

이 작업을 수행 할 수있는 스크립트가 있습니까?

출처

2014-10-04 agnese

* 할 수있는 방법이 많이 있습니다. 서버 측 또는 클라이언트 측에서 원하십니까? 특정 언어? 이미 CMS 또는 정적 사이트 생성기와 같은 것을 사용하고 있습니까? – Biffen

[Emmet] (http://docs.emmet.io/)라는 도구가 있습니다. CSS 약어를 사용하여 HTML 코드로 사용합니다. 'div * 100> img [u = "image"src = "img/Chrysanthemum $ .jpg"]'. – dfsq

슬라이드 쇼는 자바 스크립트로 처리됩니다. 슬라이드 쇼에 이미지를 추가하려면 클라이언트 쪽 방법 (자바 스크립트 사용)을 사용하는 것이 좋습니다. 이로써 서버 측 스크립트를 실행할 필요가 없습니다. 어떤 슬라이드 쇼를 사용하고 있으며 이미지의 이름은 어떻게 지정됩니까? – KarelG

HTML의 반복적 인 줄을 돕기 위해 편집기/IDE에서 지원하는 경우 Emmet (http://Emmet.io)를 사용할 수 있습니다.

그렇지 않으면 PHP 또는 nodej와 같은 서버 스크립팅을 사용해야합니다.

빠른 PHP 예 * :

<ul class="slides"> 
    <?php 
     foreach(glob("images/slides/*") as $filename) { 
      echo '<li><img src="'.$filename.'" alt=""/></li>'; 
     } 
    ?> 
</ul>

* 안전하지로 "이미지/슬라이드/*"잠재적 루프 이상으로 안전하지 않은 다른 파일 (이미지가 아닌)를 포함 할 수있다.

출처

2014-10-04 14:26:49 sanusart

한 가지 방법이 같은 (사용하여 jQuery를) 될 것 클라이언트 측 스크립트를 사용하여 :

var images = [ 
    'lorem-ipsum', 
    'lorem-ipsum', 
    'lorem-ipsum', 
    'lorem-ipsum', 
    'lorem-ipsum', 
    'lorem-ipsum', 
    'lorem-ipsum', 
    'lorem-ipsum' 
]; 

$.each(images, function(i, image) { 
    $('#your-container').append('<img u="image" id="image-'+i+'" src="img/'+image+'.jpg" />'); 
});

가 $를 대체 할 마지막 이미지 이름으로 이미지 배열의 값을 교체하고을 ('# 당신의 -container ')을 컨테이너 선택기와 함께 사용하십시오.

행운을 빈다.

출처

2014-10-04 16:39:07 benjasHu

슬라이드 쇼에 많은 이미지를 추가해야합니다

답변

관련 문제