에티테마

페이지 화면에 FlexSlider2 슬라이드 추가하기

페이지 정보

작성자 no_profile 지니 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 1건 작성일 21-07-16 12:11

본문

글작성시에는 되도록 많은 정보를 알려주셔야 합니다.
스크린샷등이나 해당 주소등을 남겨주시면 빠르게 답변이 가능합니다.~
(유료견적일 경우 비밀 코멘트로 진행이 됩니다. 감사합니다.)

답변시간은 최대한 빨리 코멘트 해드리고 있으나, 외부활동, 식사, 미팅, 개발작업진행중인 경우에는 다소 늦게 코멘트가 됩니다. 참고 부탁드리겠습니다.

 

언제나 성실한 답변 감사합니다.

자료실에서 추천하신 FlexSlider2 슬라이드 추가해보려고 하는데,

그냥 테스트용 별도의 html 파일에서는 동작을 하는데, 

테마의 페이지 화면에 추가하면 이미지가 보이지 않네요 ㅜㅜ

아마도 스타일시트의 설정이 겹치거나 충돌하는 것 같은데, 혹시 조언을 해주실 수 있나요?

 

<!-- FlexSlider -->

<script src="<?php echo G5_JS_URL ?>/jquery.flexslider.js"></script>

 

<!-- Flex slider -->

<link rel="stylesheet" href="<?php echo G5_THEME_URL?>/css/flexslider.css" type="text/css" media="screen" />

 

<div class="row">

<div id="slider" class="flexslider">

          <ul class="slides">

            <li><img src="<?php echo G5_THEME_URL?>/img/p1.jpg" /></li>

      <li><img src="<?php echo G5_THEME_URL?>/img/p2.jpg" /></li>

<li><img src="<?php echo G5_THEME_URL?>/img/p3.jpg" /></li>

<li><img src="<?php echo G5_THEME_URL?>/img/p4.jpg" /></li>

<li><img src="<?php echo G5_THEME_URL?>/img/p5.jpg" /></li>

<li><img src="<?php echo G5_THEME_URL?>/img/p6.jpg" /></li>     

          </ul>

 </div>

 </div>

  

 

 <script type="text/javascript">    

     $(window).load(function() { 

        $('#slider').flexslider({

animation: "slide",

controlNav: false,

animationLoop: false,

slideshow: false,

   });

});

  </script> 

 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

소프트존님의 댓글

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

아마도 jquery 보다 위에 있어서 실행이 되지 않는것 같습니다.
자바스크립트 파일을 테마폴더의 tail.php 열어보셔서 jquery 보다 밑에 추기해보시기 바랍니다. 감사합니다.

Total 4건 1 페이지
질문답변 목록
번호 제목 날짜
4
시간 : 05-22
05-22
열람중
시간 : 07-16
07-16
2
시간 : 07-08
07-08
1
시간 : 05-28
05-28
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼