답변 5개 / 댓글 3개
채택된 답변
+20 포인트
보통 <script></script>의 형태로 페이지에서 바로 불러오는 형태면 쉽게 적용이 가능합니다.
그렇지 않은 경우에는 var 형태 등으로 변수를 지정해서 사용하셔야 할겁니다.
Copy
/* ================================================== Slider Options================================================== */ BRUSHED.slider = function(){ $.supersized({ // Functionality slideshow : 1, // Slideshow on/off autoplay : 1, // Slideshow starts playing automatically start_slide : 1, // Start slide (0 is random) stop_loop : 0, // Pauses slideshow on last slide random : 0, // Randomize slide order (Ignores start slide) slide_interval : 12000, // Length between transitions transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left transition_speed : 300, // Speed of transition new_window : 1, // Image links open in new window/tab pause_hover : 0, // Pause slideshow on hover keyboard_nav : 1, // Keyboard navigation on/off performance : 1, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit) image_protect : 1, // Disables image dragging and right click with Javascript // Size & Position min_width : 0, // Min width allowed (in pixels) min_height : 0, // Min height allowed (in pixels) vertical_center : 1, // Vertically center background horizontal_center : 1, // Horizontally center background fit_always : 0, // Image will never exceed browser width or height (Ignores min. dimensions) fit_portrait : 1, // Portrait images will not exceed browser height fit_landscape : 0, // Landscape images will not exceed browser width // Components slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank') thumb_links : 0, // Individual thumb links for each slide thumbnail_navigation : 0, // Thumbnail navigation slides : [ // Slideshow Images {image : '/theme/brushed/img/slider-images/image01.jpg', title : '<div class="slide-content">Brushed</div>', thumb : '', url : ''}, {image : '/theme/brushed/img/slider-images/image02.jpg', title : '<div class="slide-content">Brushed</div>', thumb : '', url : ''}, {image : '/theme/brushed/img/slider-images/image03.jpg', title : '<div class="slide-content">Brushed</div>', thumb : '', url : ''} ], // Theme Options progress_bar : 0, // Timer for each slide mouse_scrub : 0 }); }main.js 파일인데 저 이미지 경로를 그누보드 테이블의 게시글 경로로 바꿔주고 싶습니다.
저걸 그냥 head.php 에 script 로 싸서 들고오는 건 안되네요 ㅎ.ㅎ
답변에 대한 댓글 1개
이 슬라이더는 조금 무거운 편이라 전체화면일때만 사용하곤 했었는데 아직도 배포중인가보네요..
예전에 작업했던 것을 열어보니 이렇게 index.php에서 불러서 사용했었네요.
사용하시려고 하는 main.js 파일에서 바로 복붙하셔서 안되었을겁니다
[code]
<script type="text/javascript">
jQuery(function($){
$.supersized({
// Functionality
slide_interval : 3000, // Length between transitions
transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 700, // Speed of transition
// Components
slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides : [ // Slideshow Images
{image : '<?=$g4[suhang_path]?>/img/w3.jpg', title : '', thumb : '', url : ''},
{image : '<?=$g4[suhang_path]?>/img/w4.jpg', title : '', thumb : '', url : ''}
]
});
});
</script>
[/code]
예전에 작업했던 것을 열어보니 이렇게 index.php에서 불러서 사용했었네요.
사용하시려고 하는 main.js 파일에서 바로 복붙하셔서 안되었을겁니다
[code]
<script type="text/javascript">
jQuery(function($){
$.supersized({
// Functionality
slide_interval : 3000, // Length between transitions
transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 700, // Speed of transition
// Components
slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides : [ // Slideshow Images
{image : '<?=$g4[suhang_path]?>/img/w3.jpg', title : '', thumb : '', url : ''},
{image : '<?=$g4[suhang_path]?>/img/w4.jpg', title : '', thumb : '', url : ''}
]
});
});
</script>
[/code]
답변을 작성하려면 로그인이 필요합니다.