그누보드 QA - 배너 옆 텍스트 위치 문의 드립니다.

배너 옆 텍스트 위치 문의 드립니다.

학다리투투 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2018.06.15 13:02:49 조회 2431 (112.♡.♡.173)

본문

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>



<script src="js/jssor.slider-27.1.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
jssor_1_slider_init = function() {

var jssor_1_options = {
$AutoPlay: 1,
$Idle: 0,
$SlideDuration: 5000,
$SlideEasing: $Jease$.$Linear,
$PauseOnHover: 4,
$SlideWidth: 230,
$Align: 0
};

var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

/*#region responsive code begin*/

var MAX_WIDTH = 1200;

function ScaleSlider() {
var containerElement = jssor_1_slider.$Elmt.parentNode;
var containerWidth = containerElement.clientWidth;

if (containerWidth) {

var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);

jssor_1_slider.$ScaleWidth(expectedWidth);
}
else {
window.setTimeout(ScaleSlider, 30);
}
}

ScaleSlider();

$Jssor$.$AddEvent(window, "load", ScaleSlider);
$Jssor$.$AddEvent(window, "resize", ScaleSlider);
$Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
/*#endregion responsive code end*/
};
</script>
<style>
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
animation-name: jssorl-009-spin;
animation-duration: 1.6s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

</style>
<div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:1200px;height:233px;overflow:hidden;visibility:hidden;">

<div data-u="loading" class="jssorl-009-spin" style="position:absolute;top:0px;left:0px;width:1200px;height:233px;text-align:center;background-color:rgba(0,0,0,0.7);">
<img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;" src="img/spin.svg" />
</div>
<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:935px;height:233px;overflow:hidden;">
<div data-p="30.00">
<img data-u="image" src="img/pro_01.jpg" />
</div>
<div data-p="30.00">
<img data-u="image" src="img/pro_02.jpg" />
</div>
<div data-p="30.00">
<img data-u="image" src="img/pro_03.jpg" />
</div>
<div data-p="30.00">
<img data-u="image" src="img/pro_04.jpg" />
</div>
<div data-p="30.00">
<img data-u="image" src="img/pro_05.jpg" />
</div>
<div data-p="30.00">
<img data-u="image" src="img/pro_06.jpg" />
</div>
<div data-p="30.00">
<img data-u="image" src="img/pro_07.jpg" />
</div>
<div data-p="30.00">
<img data-u="image" src="img/pro_08.jpg" />
</div>
<div data-p="30.00">
<img data-u="image" src="img/pro_09.jpg" />
</div>
<div data-p="30.00">
<img data-u="image" src="img/pro_10.jpg" />
</div>
<div data-p="30.00">
<img data-u="image" src="img/pro_11.jpg" />
</div>
   <div data-p="30.00">
<img data-u="image" src="img/pro_12.jpg" />
</div>
   <div data-p="30.00">
<img data-u="image" src="img/pro_13.jpg" />
</div>
   <div data-p="30.00">
<img data-u="image" src="img/pro_14.jpg" />
</div>
   <div data-p="30.00">
<img data-u="image" src="img/pro_15.jpg" />
</div>
   <div data-p="30.00">
<img data-u="image" src="img/pro_16.jpg" />
</div>
   <div data-p="30.00">
<img data-u="image" src="img/pro_17.jpg" />
</div>
   <div data-p="30.00">
<img data-u="image" src="img/pro_19.jpg" />
</div>
   <div data-p="30.00">
<img data-u="image" src="img/pro_20.jpg" />
</div>
</div>
</div>
   <div style="float:right;width:250px;height:233px;border:px solid red;text-align:center;">
<? include "pcount/counter.php"; ?>
   <span style="font-size:15px;font-weight:bold;line-height:35px;margin-top:20px;float:left;">고객이 원하시는 Turret & Tool holder의 기성품, 파생품, 개발품 문의를 빠르고 친절하게 도와드립니다.</span>
   <div class="button" style="float:left;width:100px;height:30px;padding-top:5px;font-size:15px;border:1px solid #ccc;margin:20px 0 0 70px;border-radius:5px;">
       <a href="../../board/bbs/write.php?bo_table=community03"><b>문의하기</b></a>
   </div>
   </div>