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