최신글 갤러리의 사진속도를 제어할순없나요..
스킨 내에 있는 effect.css 의 내용입니다.
초보인제가 보면.. 이곳에서 조정을 하는듯해서요.
사진이 넘어가는게 너무빨라서.. 조정을 하고싶은데..어떻게 해야되나요..ㅠ
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#main_banner{
position: relative;
width:655px;
height:428px;
margin:auto;
/*border:0.1em solid #d7d7d7;*/
overflow: hidden;
}
#ViewBox
{
position: absolute;
width:655px;
height:428px;
z-index:1;
}
#ViewBox img
{
width:655px;
height:428px;
}
#main_banner .titlebox
{
float: right;
position: relative;
width:auto;
height:30px;
margin-top:-28px;
margin-right:5px;
/*background-color: #ffffff;*/
z-index:100;
}
#main_banner .titlebox ul
{
/*width:120px;*/
}
#main_banner .titlebox li
{
float: left;
position: relative;
width:auto;
padding-left:10px; padding-right:10px;
font-weight:bold;
/*min-width:50px;*/
line-height:30px;
vertical-align: middle;
text-align: center;
color:#ffffff;
font: 15px '맑은고딕','arial','dotum';
/*background-color: #FFFFFF;*/
/*border-left:0.1em solid #aba79c;
border-right:0.1em solid #aba79c;*/
cursor:pointer;
}
#main_banner .titlebox li.active
{
/* background-color: #6f5d49;*/
color:#F26522;
font: 15px '맑은고딕','arial','dotum';
font-weight:bold;
}
/**/
.imgeffect {
position:relative;
}
.imgeffect img {
position:absolute;
top:0px;
left:0px;
cursor: hand;
}
/* If an image is wrapped in a link */
.imgeffect a.imgeffect-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.imgeffect-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.imgeffect-box {
display:block;
position:absolute;
z-index:5;
}
/* Direction nav styles (e.g. Next & Prev) */
.imgeffect-directionNav a {
position:absolute;
top:35%;
z-index:9;
cursor:pointer;
}
.imgeffect-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.imgeffect-caption p {
padding:5px;
margin:0;
}
.imgeffect-caption a {
display:inline !important;
}
.imgeffect-html-caption {
display:none;
}
.imgeffect-controlNav a.active {
background-position:0 -22px;
}
a.imgeffect-nextNav {
background-position:-30px 0;
top:200px;
right:75px;
z-index:0;
}
a.imgeffect-prevNav {
top:200px;
left:75px;
z-index:0;
}
초보인제가 보면.. 이곳에서 조정을 하는듯해서요.
사진이 넘어가는게 너무빨라서.. 조정을 하고싶은데..어떻게 해야되나요..ㅠ
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#main_banner{
position: relative;
width:655px;
height:428px;
margin:auto;
/*border:0.1em solid #d7d7d7;*/
overflow: hidden;
}
#ViewBox
{
position: absolute;
width:655px;
height:428px;
z-index:1;
}
#ViewBox img
{
width:655px;
height:428px;
}
#main_banner .titlebox
{
float: right;
position: relative;
width:auto;
height:30px;
margin-top:-28px;
margin-right:5px;
/*background-color: #ffffff;*/
z-index:100;
}
#main_banner .titlebox ul
{
/*width:120px;*/
}
#main_banner .titlebox li
{
float: left;
position: relative;
width:auto;
padding-left:10px; padding-right:10px;
font-weight:bold;
/*min-width:50px;*/
line-height:30px;
vertical-align: middle;
text-align: center;
color:#ffffff;
font: 15px '맑은고딕','arial','dotum';
/*background-color: #FFFFFF;*/
/*border-left:0.1em solid #aba79c;
border-right:0.1em solid #aba79c;*/
cursor:pointer;
}
#main_banner .titlebox li.active
{
/* background-color: #6f5d49;*/
color:#F26522;
font: 15px '맑은고딕','arial','dotum';
font-weight:bold;
}
/**/
.imgeffect {
position:relative;
}
.imgeffect img {
position:absolute;
top:0px;
left:0px;
cursor: hand;
}
/* If an image is wrapped in a link */
.imgeffect a.imgeffect-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.imgeffect-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.imgeffect-box {
display:block;
position:absolute;
z-index:5;
}
/* Direction nav styles (e.g. Next & Prev) */
.imgeffect-directionNav a {
position:absolute;
top:35%;
z-index:9;
cursor:pointer;
}
.imgeffect-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.imgeffect-caption p {
padding:5px;
margin:0;
}
.imgeffect-caption a {
display:inline !important;
}
.imgeffect-html-caption {
display:none;
}
.imgeffect-controlNav a.active {
background-position:0 -22px;
}
a.imgeffect-nextNav {
background-position:-30px 0;
top:200px;
right:75px;
z-index:0;
}
a.imgeffect-prevNav {
top:200px;
left:75px;
z-index:0;
}
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 4개
<?
if (!defined("_GNUBOARD_")) exit; // 媛쒕퀎 ?섏씠吏 ?묎렐 遺덇?
?>
<script type="text/javascript" src="<?=$latest_skin_path?>/js/jquery-1.4.4.js"></script>
<script type="text/javascript" src="<?=$latest_skin_path?>/js/banner.js"></script>
<link rel="stylesheet" type="text/css" href="<?=$latest_skin_path?>/css/effect.css">
<div id="main_banner">
<div id="ViewBox" class="imgeffect">
<? for ($i=0; $i<count($list); $i++) {
$img = "$g4[path]/data/file/$bo_table/".$list[$i][file][0][file];
?>
<IMG SRC="<?=$img?>" border="0" align='absmiddle' rel=<?=$i+1?> title="<?=$i+1?>"></a>
<? } ?>
</div>
</div>
<script type="text/javascript">
$(window).load(function() {
$('#ViewBox').imgeffect();
});
</script>