?>
.
.
.
var jssor_slider1 = new $JssorSlider$("slider1_container", options);
//responsive code begin //you can remove responsive code if you don't want the slider scales while window resizes function ScaleSlider() { var bodyWidth = document.body.clientWidth; if (bodyWidth) jssor_slider1.$ScaleWidth(Math.min(bodyWidth, <?php echo $board['bo_gallery_width']?>)); else window.setTimeout(ScaleSlider, 30); } ScaleSlider();
$(window).bind("load", ScaleSlider); $(window).bind("resize", ScaleSlider); $(window).bind("orientationchange", ScaleSlider); //responsive code end });
.
.
.
.
그리고 이곳엔 어떻게 바꿔주어야 하나요?
<div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: <?php echo $board['bo_gallery_width']?>px;height: <?php echo $board['bo_gallery_height']?>px; overflow: hidden;"> <?php for ($i=0; $i<count($list); $i++) { ?> <div> <a href="<?php echo $list[$i]['href'] ?>"> <?php if ($list[$i]['is_notice']) { // 공지사항 ?> <strong style="width:<?php echo $board['bo_gallery_width'] ?>px;height:<?php echo $board['bo_gallery_height'] ?>px">공지</strong> <?php } else { $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);
if($thumb['src']) { $img_content = '<img u="image" src="'.$thumb['src'].'" alt="'.$thumb['alt'].'">'; } else { $img_content = '<span style="width:'.$board['bo_gallery_width'].'px;height:'.$board['bo_gallery_height'].'px">no image</span>'; }
echo $img_content; } ?> </a> </div> <?php } ?> </div>
|