조회 : 125
롤링을 유용하게 잘쓰고 있는 한사람입니다..
또 질문을 드리네요..^^;
올리신 롤링은 이미지만 넣어서 돌아가게 되있는데요
현재 제가 지금 하고 있느것은 테이블을 넣었습니다.
그래서 하나 까다로운 부분이 있는데요.
테이블안에 칸이 위아래로 두칸이 나뉘어서 위에는 이미지 밑에는 텍스트가 나오도록 구성했습니다.
요렇게 하면 문제는 없지만 테이블과 테이블의 간격을 띄우고자 nbsp;를 테이블사이에 넣어봤지만
먹히질 않더군요 그래서빈테이블을 하나 넣어놨습니다.
그런데 이동을 할때 비어있는 테이블에서도 걸려서 부자연스럽게 이동이 되더라구요
데이터 테이블=>빈테이블=>데이터테이블=>빈테이릅=>.... 이런식으로요
이미지만 넣을때는 nbsp로 처리해서 유용하게 썼는데 말이죠...
테이블을 넣었을때도 간격을 띄울수 있는 방법이 없을까 해서 이렇게 글(소스도요^^;)을 올려봅니다. ^^;
<td width="332" height="124" rowspan="2" align="left" valign="top">
<div id="rolling_22" style="height:120px; width:320px;padding-left=5px">
<?
$query = "select * from main_img order by uid desc";
$result = mysql_query($query);
$num=mysql_num_rows($result);
while($row = mysql_fetch_array($result)) {
?>
<table width="95" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="95" align="center" valign="middle" bgcolor="d8d7d7">
<table width="98%" height="98%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle" bgcolor="#FFFFFF"><img src="/upload/main_img/small_<?=$row[userFile1]?>" width="86" height="86" onClick="window.open('/imgView.html?imagesLink=/upload/main_img/<?=$row[userFile1]?>','img','width=100,height=100,left=100,top=100,scrollbars=yes')" style="cursor:hand"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="11"></td>
</tr>
<tr>
<td height="16" align="center"><strong><?=$row[userText1]?></strong></td>
</tr>
</table>
<TABLE>
<TR>
<TD><p> </p></TD>
</TR>
</TABLE>
<?}?>
</div>
</td>
<script>
var t23 = new js_rolling(document.getElementById('rolling_22'));
t23.set_direction(2);
// t23.move_gap = 10; //움직이는 픽셀단위
// t23.time_dealy = 3; //움직이는 타임딜레이
// t23.time_dealy_pause = 3000;//하나의 대상이 새로 시작할 때 멈추는 시간, 0 이면 적용 안함
// t23.mouseover_pause = true; //마우스 오버시에 멈춘다.
// if(t23.children.length>4) t23.start();
</script>
제목 |
---|
태그 적용 |
여보세요? 손님도 적으실 수 있습니다. 11 |