최신글 갤러리의 사진속도를 제어할순없나요.. 정보
최신글 갤러리의 사진속도를 제어할순없나요..본문
스킨 내에 있는 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;
}
댓글 전체
css 문제가 아니라 자바스크립트 문제일 것 같은데요?
아..그런가요... latest.skin.php . 입니다..한번 봐주시겠어요..ㅠ
<?
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>
<?
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>
js파일이 banner.js 만 있나요? 일단 소스에서는 banner.js만 보이니 일단 그 파일에서 봐야 할 것 같구요.. 그 파일에 없다면 다른 js파일에 있을 것 같은데 지금은 그정도 밖에 알수가 없네요
네 이 두파일밖에 없네요.. 아무튼 감사합니다. ^^