에티테마

슬라이드 컨텐츠 개수 추가

페이지 정보

작성자 no_profile 냉면사랑 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 2건 작성일 23-08-09 13:40

본문

테마명 :에티와이드1.6

검색을좀해봤는데 부트스트랩4를 이용하셔서 슬라이드를 제작하셨다고...

근데 슬라이드에 들어가는 이미지가 총 3개가 순환되잖아요 이걸 좀 6개까지 늘리고싶은데

제가 임의로 늘려봤더니 3개째에서 4개째로 넘어가지않고 첫번째로돌아오는것으로보아 js 에서 최대개수를 3개로 한정해놓은거같은데

이게 js가 테마 내에 있는것이아니라 부트스트랩 웹에서 불러오는형식같던데

구글에 부트스트랩 캐러셀 슬라이드 개수 추가관련 관련 검색을 아무리해봐도 나오는게없네요 ㅠㅠㅠㅠ 






* 글작성시에는 최대한 많은 정보를 알려주시기 바랍니다. 대략적으로 알려주시면 답변드리기가 매우 어렵습니다.
* http://ety.kr/board/ety_theme_manual 메뉴얼에 많은 정보가 있습니다. 먼저 확인 부탁드리겠습니다.
* 토, 일, 공휴일은 휴무 입니다. (영업시간안내 : 평일 오전 10시 부터 ~ 오후 7시 까지)
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

안녕하세요.
부트스트랩은 편리하게 되어 있어서요~
자바스크립 수정이 별도로 필요가 없습니다.
index.php 에서 이미지 3개만 넣어놨는데요.
해당 태그 동일하게 복사하셔서 계속 추가하시면 잘 돌아가게 됩니다.
 

      <!-- Slide One - Set the background image for this slide in the line below -->
      <div class="carousel-item active" style="background-image: url('<?php echo G5_THEME_URL?>/img/bg/b-02.jpg')">
        <div class="carousel-caption d-md-block">
          <h3 class="ks4">에티와이드테마</h3>
          <p class="ks4 f20">전체페이지를 와이드 형태로만 제작하였습니다.</p>
        </div>
      </div>
      <!-- Slide Two - Set the background image for this slide in the line below -->
      <div class="carousel-item" style="background-image: url('<?php echo G5_THEME_URL?>/img/bg/b-01.jpg')">
        <div class="carousel-caption d-md-block">
          <h3 class="ks4">반응형 비즈니스 테마</h3>
          <p class="ks4 f20">CMS 인 그누보드 5.4 와 연동되어 사용가능한 테마 입니다.</p>
        </div>
      </div>
      <!-- Slide Three - Set the background image for this slide in the line below -->
      <div class="carousel-item" style="background-image: url('<?php echo G5_THEME_URL?>/img/bg/b-03.jpg')">
        <div class="carousel-caption d-md-block">
          <h3 class="ks4">테마몰 오픈</h3>
          <p class="ks4 f20">테마몰을 오픈하였습니다.</p>
        </div>
      </div>

      // 위 처럼 3개의 이미지로 되어 있는것을 아래 처럼 한개더 추가해서 4개가 되도 자동으로 나오게 됩니다.
   
      <!-- Slide One - Set the background image for this slide in the line below -->
      <div class="carousel-item active" style="background-image: url('<?php echo G5_THEME_URL?>/img/bg/b-02.jpg')">
        <div class="carousel-caption d-md-block">
          <h3 class="ks4">에티와이드테마</h3>
          <p class="ks4 f20">전체페이지를 와이드 형태로만 제작하였습니다.</p>
        </div>
      </div>
      <!-- Slide Two - Set the background image for this slide in the line below -->
      <div class="carousel-item" style="background-image: url('<?php echo G5_THEME_URL?>/img/bg/b-01.jpg')">
        <div class="carousel-caption d-md-block">
          <h3 class="ks4">반응형 비즈니스 테마</h3>
          <p class="ks4 f20">CMS 인 그누보드 5.4 와 연동되어 사용가능한 테마 입니다.</p>
        </div>
      </div>
      <!-- Slide Three - Set the background image for this slide in the line below -->
      <div class="carousel-item" style="background-image: url('<?php echo G5_THEME_URL?>/img/bg/b-03.jpg')">
        <div class="carousel-caption d-md-block">
          <h3 class="ks4">테마몰 오픈</h3>
          <p class="ks4 f20">테마몰을 오픈하였습니다.</p>
        </div>
      </div>      
      <!-- Slide Three - Set the background image for this slide in the line below -->
      <div class="carousel-item" style="background-image: url('<?php echo G5_THEME_URL?>/img/bg/b-03.jpg')">
        <div class="carousel-caption d-md-block">
          <h3 class="ks4">테마몰 오픈</h3>
          <p class="ks4 f20">테마몰을 오픈하였습니다.</p>
        </div>
      </div>          



소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

결론적으로 아래 부분만 새로 추가해주시면 됩니다.

      <!-- Slide Three - Set the background image for this slide in the line below -->
      <div class="carousel-item" style="background-image: url('<?php echo G5_THEME_URL?>/img/bg/b-03.jpg')">
        <div class="carousel-caption d-md-block">
          <h3 class="ks4">테마몰 오픈</h3>
          <p class="ks4 f20">테마몰을 오픈하였습니다.</p>
        </div>
      </div>





Total 1건 1 페이지
질문답변 목록
번호 제목 날짜
열람중
시간 : 08-09
08-09
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼