묻고답하기
확장변수 클릭시 입력한 url 이동...및 스크롤 뜸..
2014.09.20 14:20
이미지 of 롤링 위젯을 사용중인데요...
하단에 사이트배너로 사용하려 하는데 이미지를 클릭시 확장변수로 입력한 url(새창)을 뜨게 하는 방법이 어떻게되나요?
<!--%import("./css/default.css")-->
<!--%import("./js/jquery.mousewheel.js")-->
<!--%import("./js/jcarousellite_1.0.1.js")-->
<!--%import("./js/jquery.easing.1.3.js")-->
<div class="carousel">
<!--@if($widget_vals->controls == "buttons")-->
<a href="#" class="btn"><img src="./img/imageNavLeft.png" class="prev prev{$fi_widget_count} iePngFix" /></a>
<!--@end-->
<div class="jCarouselLite{$fi_widget_count} jCarouselLiteCommon">
<ul>
<!--@if(count($widget_vals->document_list))-->
<!--@foreach($widget_vals->document_list as $oDocument)-->
<!--@if($oDocument->document_srl != 0)-->
<li><a href="{getUrl('','document_srl',$oDocument->document_srl)}" alt=""><img src="{$oDocument->getThumbnail($widget_vals->thumbnail_width,$widget_vals->thumbnail_height,$widget_vals->thumbnail_type)}">
<!--@if($widget_vals->title_visibility == "true")--><div class="title">{$oDocument->getTitle($widget_vals->title_length,'..')}</div><!--@end-->
<!--@end-->
<!--@else-->
<li class="noimage" style="width:{$widget_vals->thumbnail_width}px; height: {$widget_vals->thumbnail_height}px; " alt="첨부된 이미지가 없습니다."></li>
<!--@end-->
</ul>
</div>
<!--@if($widget_vals->controls == "buttons")-->
<a href="#" class="btn"><img src="./img/imageNavRight.png" class="next next{$fi_widget_count} iePngFix" /></a>
<!--@end-->
</div>
<script type="text/javascript">
function dj(val){
if(window && window.console && window.console.debug) window.console.debug(val);
}
jQuery(document).ready(function(){
jQuery(".carousel .jCarouselLite{$fi_widget_count} li img")
.css('width', {$widget_vals->thumbnail_width})
.css('height', {$widget_vals->thumbnail_height})
.css('margin', {$widget_vals->img_margin})
.css('border-width', {$widget_vals->border_width})
.css('border-color', '{$widget_vals->border_color}')
.css('border-style', 'solid');
jQuery(".carousel .jCarouselLite{$fi_widget_count} .title")
.css("width", {$widget_vals->thumbnail_width} + {$widget_vals->img_margin} * 2)
.css("color", '{$widget_vals->title_color}')
.css("font-size", '{$widget_vals->title_size}')
.css("font-family", '{$widget_vals->title_font}');
if(jQuery(".jCarouselLite{$fi_widget_count}").jCarouselLite){
jQuery(".jCarouselLite{$fi_widget_count}").jCarouselLite({
<!--@if($widget_vals->controls == "buttons")-->
btnNext: ".next{$fi_widget_count}",
btnPrev: ".prev{$fi_widget_count}",
<!--@end-->
<!--@if($widget_vals->controls == "auto")-->
auto: {$widget_vals->auto_scroll_msec},
speed: {$widget_vals->scroll_speed},
<!--@end-->
<!--@if($widget_vals->scroll_speed)-->
speed: {$widget_vals->scroll_speed},
<!--@end-->
<!--@if($widget_vals->mouseoverstop)-->
mouseOverStop: {$widget_vals->mouseoverstop},
<!--@end-->
<!--@if($widget_vals->mouse_wheel)-->
mouseWheel: {$widget_vals->mouse_wheel},
<!--@end-->
<!--@if($widget_vals->sliding_effect)-->
easing: "{$widget_vals->sliding_effect}",
<!--@end-->
visible: {$widget_vals->shown_image_num}
});
}
jQuery('.carousel .prev{$fi_widget_count}, .carousel .next{$fi_widget_count}')
.css('top', ( parseInt(jQuery('.jCarouselLite{$fi_widget_count} li').height()) - parseInt(jQuery('.carousel .prev{$fi_widget_count}').height()) ) / 2);
});
</script>
이 소스 중에서 저 빨간 부분을 수정하면 될것같은데 말이죠 ㅠ
------------------------------------------------------------------------------------------
크롬에서는 정상작동됩니다만 익스플로러에서
다음과 같이 스크롤이 뜨는데 해결방법좀 알려주실수 있을까요