[레이아웃 제작] Vegas.js 적용에 관하여

감사합니다 엘러먼트를 쓰지않고는 잘작동되는걸 확인했습니다! (아마도 경로가 문제였던것같습니다 layout_info에서 뽑아오니 잘작동했습니다 ㅎㅎ;; ) 그런데 특정 엘러먼트에서 작동하려니 Console 창에 에러가 뜨네요ㅜㅜ

$('#tests,body').  요렇게해도 동일합니다..

테스트 링크:  http://fs.gonetis.com/test/

레이아웃 파일도 첨부해두었습니다 ㅜㅜ

*** 소스 ***

<load target="js/jquery.vegas.min.js" />

<div id="tests">
    
</div>

<script>
  jQuery(function($){
    $('#tests').vegas('slideshow', {
      delay:3000,
      backgrounds:[
        { src:'{$layout_info->background_image1}', fade:3000 },
        { src:'{$layout_info->background_image2}', fade:3000 },
        { src:'{$layout_info->background_image3}', fade:3000 }
      ]
    })
  });

</script>

{$content}

콘솔 오류사진

<load target="js/jquery.vegas.min.js" />

<div id="tests">
    
</div>

<script>
    jQuery('#tests').vegas('slideshow', {
      delay:3000,
      backgrounds:[
        { src:'{$layout_info->background_image1}', fade:3000 },
        { src:'{$layout_info->background_image2}', fade:3000 },
        { src:'{$layout_info->background_image3}', fade:3000 }
      ]
    });

</script>

{$content}

로 하였는데 똑같은현상입니다..음

콘솔에러 

엘러먼트 빼면 잘되는데.. 왜 안되는거지 ㅜㅠ

라고뜨며 백지로되네요.. 흠.. 저만 안되는건가요 ?ㅜㅠ

뭘하든 저기서 매번오류가발생하는데...

<load target="js/common.js" />와 같이 사용시 템플릿 파일이 위치한 경로 기준 파일을 불러옵니다. 예를 들어 레이아웃 파일이라면 /layouts/레이아웃폴더/js/common.js 파일이 불러와집니다.

반면 <script src="js/common.js"></script> 경우 브라우저의 현재 경로 기준으로 파일을 불러옵니다.
예를 들어 현재 주소가 https://xetown.com/qna/305802 라면 https://xetown.com/qna/js/common.js 파일이 불러와지게 됩니다. 이 때문에 XE로 만든 사이트 소스코드를 보시면 모든 CSS/JS 파일 맨 앞에 /가 있는 것을 확인하실수 있습니다.(이렇게 /가 맨 앞에 있다면 최상위 기준으로 불러오기에 https://xetown.com/js/common.js 파일이 로드됩니다)

즉 못 읽는 것이 아니라 경로 지정을 잘못 하신것일 수도 있습니다.