묻고답하기

원래 소스는 아래와 같습니다.

<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <title>Galleriffic | Advanced Example</title>
        <link rel="stylesheet" href="./css/basic.css" type="text/css" />
        <link rel="stylesheet" href="./css/galleriffic.css" type="text/css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript" src="./js/jquery.galleriffic.js"></script>
    </head>
    <body>
        <div id="page">
            <div id="container">
                <h1><a href="./index.html">Galleriffic</a> &raquo; Advanced Example</h1>

                <!-- Start Advanced Gallery Html Containers -->
                <div id="gallery" class="content">
                    <div id="controls" class="controls"></div>
                    <div id="loading" class="loader"></div>
                    <div id="slideshow" class="slideshow"></div>
                    <div id="caption" class="embox"></div>
                </div>
                <div id="thumbs" class="navigation">
                    <ul class="thumbs noscript">
                       <li>
                            <a class="thumb" href="http://farm2.static.flickr.com/1116/1380178473_fc640e097a.jpg" title="Title #22">
                                <img src="http://farm2.static.flickr.com/1116/1380178473_fc640e097a_s.jpg" alt="Title #22" />
                            </a>
                            <div class="caption">
                                <div class="download">
                                    <a href="http://farm2.static.flickr.com/1116/1380178473_fc640e097a_b.jpg">Download Original</a>
                                </div>
                                <div class="image-title">Title #22</div>
                                <div class="image-desc">Description</div>
                            </div>
                        </li>

                        <li>
                            <a class="thumb" href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6.jpg" title="Title #23">
                                <img src="http://farm2.static.flickr.com/1260/930424599_e75865c0d6_s.jpg" alt="Title #23" />
                            </a>
                            <div class="caption">
                                <div class="download">
                                    <a href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6_b.jpg">Download Original</a>
                                </div>
                                <div class="image-title">Title #23</div>
                                <div class="image-desc">Description</div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- End Advanced Gallery Html Containers -->
                <div style="clear: both;"></div>
            </div>
        </div>
        <div id="footer">&copy; 2009 Trent Foley</div>
       
    </body>
</html>


그런데 저는 이 소스를 수정해서 외부페이지 모듈로 test/index.html을 불러와서 사용중입니다.


index.html 내용에는 DTD / 해드 / 바디 제거후 내용만 넣었습니다.


<div>어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고
어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고</div>


<div>어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고
어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고</div>


<div>어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고
어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고</div>


<div>어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고
어쩌고 저쩌고어쩌고 저쩌고어쩌고 저쩌고</div>


<script type="text/javascript">
            // We only want these styles applied when javascript is enabled
            $('div.navigation').css({'width' : '300px', 'float'+ '+ ' : 'left'});
            $('div.content').css('display', 'block');

            // Initially set opacity on thumbs and add
            // additional styling for hover effect on thumbs
            var onMouseOutOpacity = 0.67;
            $('#thumbs ul.thumbs li').css('opacity', onMouseOutOpacity)
                .hover(
                    function () {
                        $(this).not('+ '.selected').fadeTo('fast', 1.0);
                    },
                    function () {
                        $(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
                    }
                );

            $(document).ready(function() {
                // Initialize Advanced Galleriffic Gallery
                var galleryAdv = $('#gallery').galleriffic('#thumbs', {
                    delay:                  2000,
                    numThumbs:              12,
                    preloadAhead:           10,
                    enableTopPager:         true,
                    enableBottomPager:      true,
                    imageContainerSel:      '#slideshow',
                    controlsContainerSel:   '#controls',
                    captionContainerSel:    '+ '#caption'+ ',
                    loadingContainerSel:    '#loading',
                    renderSSControls:       true,
                    renderNavControls:      true,
                    playLinkText:           'Play Slideshow',
                    pauseLinkText:          '+ 'Pause Slideshow',
                    prevLinkText:           '&lsaquo; Previous Photo',
                    nextLinkText:           'Next Photo &rsaquo;',
                    nextPageLinkText:       'Next &rsaquo;',
                    prevPageLinkText:       '&lsaquo; Prev',
                    enableHistory:          true,
                    autoStart:              false,
                    onChange:               function(prevIndex, nextIndex) {
                        $('#thumbs ul.thumbs').children()
                            .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                            .eq(nextIndex).fadeTo('fast', 1.0);
                    },
                    onTransitionOut:        function(callback) {
                        $('#caption').fadeOut('fast');
                        $('#slideshow').fadeOut('fast', callback);
                    },
                    onTransitionIn:         function() {
                        $('#slideshow, #caption').fadeIn('fast');
                    },
                    onPageTransitionOut:    function(callback) {
                        $('#thumbs ul.thumbs').fadeOut('fast', callback);
                    },
                    onPageTransitionIn:     function() {
                        $('#thumbs ul.thumbs').fadeIn('fast');
                    }
                });
            });
        </script>



스크립트를 빼면 원하는형태로는 안보이지만 불러와 지기는 하는데


스크립트를 넣으면 아예 백지화 됩니다.


이 스크립트를 외부에서 불러오게 하거나 xe에서 먹히게끔 어떻게 해야하나요??

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
딸꾹거북 기본 제공 버튼들의 위치가 궁금해요~ [4] file 2009.07.22 by 궁금이2
모노로그 갑작스런 장애, unexpected error 로 모든 게시판 올스톱~! << 해결..>> [29] 2009.07.22 by 모노로그
글쓴이 어떤 설정이 더 빠를까요? (기본페이지 연결 관련) [1] 2009.07.22 by MX
유태 2개의 다른페이지를 만들었는데요. 같이 동작합니다.  
일인자 포인트가 일정점수가 되면 자동등업될때 이전등업 없앨수없나요 ?  
꽃™ 1.2.4 버전 업데이트후... 모듈 업데이트부분 에러좀 해결해주세요.... [2] file 2009.07.21 by robinkim
윈매니아 제로보드 매뉴얼 version 0.63 입니다. [2] file 2009.07.21 by 오스카
글쓴이 최근 게시물 글 링크.. [2] 2009.07.21 by 글쓴이
괴도로키드 질문까지는 아니지만 건의.... [1] 2009.07.21 by 하은이아빠
김진규 이런것 어떻게하나요 [1] 2009.07.21 by 하은이아빠
글쓴이 기본 로그인 스킨을 바꿀 수는 없을까요? [4] 2009.07.21 by 하은이아빠
mylunik 하위메뉴가 없을 시 서브메뉴를 출력하지 않게 하려면.. [2] 2009.07.21 by 글쓴이
글쓴이 xe를 게시판으로만 이용할려는데요  
5577you 꼭좀 도와주세요..설치후에!! [1] 2009.07.21 by 글쓴이
김석태 갑작스럽게 홈이 작동을 안해요... [1] file 2009.07.21 by 우리아기
글쓴이 제로보드 게시판에서 음란 및 광고글 삭제방법좀... [2] 2009.07.21 by dajoahe.com
글쓴이 게시판에 스팸글이 자꾸 올라오는데요.. [5] 2009.07.21 by dajoahe.com
이라영 익스플로어 버전에 따라 게시판이 다른것 같아요... 도와주세요.. [1] file 2009.07.21 by 백성찬
글쓴이 조회수 순서로 출력하는 위젯 [1] 2009.07.21 by 백성찬
글쓴이 재차재차재차 문의 합니다  
dnwjd 상단에메인플래쉬파일이안뜨네요  
로닉스 글 작성시 이메일넣는 부분을 빼는 방법을 알고 싶습니다. [1] 2009.07.21 by 궁금이2
글쓴이 통합 검색에서 특정 게시판 제외할 수 있나요? [2] 2009.07.21 by 글쓴이
유닛태연 제로보드 페이지연동, 게시판이 아래로내려감  
후레자식 텍스타일 질문이요~  
GN 게시판에서요 [1] 2009.07.21 by 궁금이2
글쓴이 통합 검색이 이상해요...저만 그런가요? ㅠㅠ  
카카로토 chmod 권한설정에서 777이나 707로 변경이 안되는 경우. [1] 2009.07.21 by 라르게덴
장성민259 2가지 질문사항 - 로그인 위치 및 오른쪽 메뉴에 사진자료 넣는 방법 file  
공부중 스크랩을 게시판 별로 분류 하는 것좀