메인화면 이미지가 3개 있는데 이 이미지 경로를 js 파일에서 컨트롤 하더라구요.
혹시 이경로를 그누보드 이미지 경로로 바꿀 수 있나요?
일단 넣어보니 에러가 나서요 ㅠ
혹시 이경로를 그누보드 이미지 경로로 바꿀 수 있나요?
일단 넣어보니 에러가 나서요 ㅠ
|
답변 5개 / 댓글 3개
채택된 답변
+20 포인트
2017-03-02 (목) 12:23:08
보통 <script></script>의 형태로 페이지에서 바로 불러오는 형태면 쉽게 적용이 가능합니다.
그렇지 않은 경우에는 var 형태 등으로 변수를 지정해서 사용하셔야 할겁니다.
답변에 대한 댓글 1개
별명엄쓰요
2017-03-03 (금) 11:29:13
아래 소스보고 시도 해보겠습니다. 댓글이라 채택이 안되서 이 댓글에 채택 눌렀어요~ 감사합니다.
2017-03-03 (금) 21:01:08
소스를 보시면 아시겠지만 이전에 g4에서 사용하던거라
g5에 맞춰 바꾸시면 됩니다.
별명엄쓰요
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개
2017-03-02 (목) 13:04:46
이 슬라이더는 조금 무거운 편이라 전체화면일때만 사용하곤 했었는데 아직도 배포중인가보네요..
예전에 작업했던 것을 열어보니 이렇게 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]
2017-03-02 (목) 12:34:32
js에서 php 스크립트 함수 호출은 할수가 없습니다.
이미지 변경을 위해서는 직접 html 페이지에서 php로 변수를 만들어서 스크립트 형태로 만들어 줄수는 있지만
실행순서가 먼저는 php스크립트 실행후 -> JS 반영순으로 처리 되기 때문입니다.
2017-03-02 (목) 12:23:54
head.sub.php 에 보시면 g5_url, g5_bbs_url 변수가 있습니다.
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.