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

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

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

 

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

자료실에서 추천하신 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>