카이루님의 리테스트스킨에서... 정보
그누보드 카이루님의 리테스트스킨에서...
본문
http://sir.co.kr/?doc=bbs/gnuboard.php&bo_table=skin3&page=3&wr_id=8424&ca_id=5&x=0&y=0
이미지가 1번 올라갈때마다 1px정도씩 위로 밀려 올라 오는군요.
10번정도 돌아가면 아래 그림이 10픽셀정도가 보여집니다.
아래 소스입니다.
<script language="javascript">
var roll_height_s = 180;
var total_area_s = 0;
var wait_flag_s = true;
var bMouseOver_s = 1;
var roll_speed_s = 1;
var waitingtime_s = 8000; //스피드
var s_tmp_s = 0;
var s_amount_s = 180;
var roll_text_s = new Array();
var startPanel_s = 0;
var n_panel_s = 0;
var i_s = 0;
function start_roll_s()
{
i_s = 0;
for (i_s in roll_text_s)
n_panel_s++;
n_panel_s = n_panel_s -1 ;
startPanel_s = Math.round(Math.random()*n_panel_s);
if(startPanel_s == 0)
{
i_s = 0;
for (i_s in roll_text_s)
insert_area_s(total_area_s, total_area_s++); // area 삽입
}
else if(startPanel_s == n_panel_s)
{
insert_area_s(startPanel_s, total_area_s);
total_area_s++;
for (i_s=0; i_s<startPanel_s; i_s++)
{
insert_area_s(i_s, total_area_s); // area 삽입
total_area_s++;
}
}
else if((startPanel_s > 0) || (startPanel_s < n_panel_s))
{
insert_area_s(startPanel_s, total_area_s);
total_area_s++;
for (i_s=startPanel_s+1; i_s<=n_panel_s; i_s++)
{
insert_area_s(i_s, total_area_s); // area 삽입
total_area_s++;
}
for (i_s=0; i_s<startPanel_s; i_s++)
{
insert_area_s(i_s, total_area_s); // area 삽입
total_area_s++;
}
}
if ( navigator.appName == "Microsoft Internet Explorer" )
{
if ( navigator.appVersion.indexOf ( "MSIE 4" ) > -1 )
return ;
}
window.setTimeout("rolling_s()",waitingtime_s);
}
function rolling_s()
{
if (bMouseOver_s && wait_flag_s)
{
for (i_s=0;i_s<total_area_s;i_s++){
tmp_s = document.getElementById('scroll_area_s'+i_s).style;
tmp_s.top = parseInt(tmp_s.top)-roll_speed_s;
if (parseInt(tmp_s.top) <= -roll_height_s){
tmp_s.top = roll_height_s*(total_area_s-1);
}
if (s_tmp_s++ > (s_amount_s-1)*roll_text_s.length){
wait_flag_s=false;
window.setTimeout("wait_flag_s=true;s_tmp_s=0;",waitingtime_s);
}
}
}
window.setTimeout("rolling_s()", 1);
}
function insert_area_s(idx_s, n_s)
{
document.write('<div style="left: 0px; width: 100%; position: absolute; top: '+(roll_height_s*n_s)+'px" id="scroll_area_s'+n_s+'">\n'+roll_text_s[idx_s]+'\n</div>\n');
}
<?
$java_script = "";
for ($i=0; $i<count($list); $i++) {
$ooo='<table width=100% height=180 cellpadding=0 cellspacing=0 border=0><tr><td width=100%><table width=100% height=180 cellpadding=0 cellspacing=0 border=0><tr><td align=center><a href='.$list[$i][href].'><img src=\"'.$list[$i][file_image1].'\" width=\"240\" height=\"150\" border=0></a></td></tr><tr><td align=center height=\"30\"><a href='.$list[$i][href].'><b><font color=\"#005cab\">[ '.$list[$i][subject].' ]</font></b></a></td></tr></table></td></tr></table>';
$java_script .= "roll_text_s[$i]='$ooo'\n";
}
echo $java_script;
?>
</script>
<div style="left: 0px; width: 100%; position: relative; top: 0px; height: 180px; overflow:hidden;" onMouseover="bMouseOver_s=0" onMouseout="bMouseOver_s=1" id="scroll_image_s">
<script>
var no_script_flag_s = false ;
if ( navigator.appName == "Microsoft Internet Explorer" )
{
if ( navigator.appVersion.indexOf ( "MSIE 4" ) > -1 )
{
document.write ( roll_text_s[0] ) ;
no_script_flag_s = true ;
}
}
if ( no_script_flag_s == false )
start_roll_s();
</script>
</div>
높이 조정이 잘못되었는지.
말씀좀 부탁 드립니다.
감사합니다.
이미지가 1번 올라갈때마다 1px정도씩 위로 밀려 올라 오는군요.
10번정도 돌아가면 아래 그림이 10픽셀정도가 보여집니다.
아래 소스입니다.
<script language="javascript">
var roll_height_s = 180;
var total_area_s = 0;
var wait_flag_s = true;
var bMouseOver_s = 1;
var roll_speed_s = 1;
var waitingtime_s = 8000; //스피드
var s_tmp_s = 0;
var s_amount_s = 180;
var roll_text_s = new Array();
var startPanel_s = 0;
var n_panel_s = 0;
var i_s = 0;
function start_roll_s()
{
i_s = 0;
for (i_s in roll_text_s)
n_panel_s++;
n_panel_s = n_panel_s -1 ;
startPanel_s = Math.round(Math.random()*n_panel_s);
if(startPanel_s == 0)
{
i_s = 0;
for (i_s in roll_text_s)
insert_area_s(total_area_s, total_area_s++); // area 삽입
}
else if(startPanel_s == n_panel_s)
{
insert_area_s(startPanel_s, total_area_s);
total_area_s++;
for (i_s=0; i_s<startPanel_s; i_s++)
{
insert_area_s(i_s, total_area_s); // area 삽입
total_area_s++;
}
}
else if((startPanel_s > 0) || (startPanel_s < n_panel_s))
{
insert_area_s(startPanel_s, total_area_s);
total_area_s++;
for (i_s=startPanel_s+1; i_s<=n_panel_s; i_s++)
{
insert_area_s(i_s, total_area_s); // area 삽입
total_area_s++;
}
for (i_s=0; i_s<startPanel_s; i_s++)
{
insert_area_s(i_s, total_area_s); // area 삽입
total_area_s++;
}
}
if ( navigator.appName == "Microsoft Internet Explorer" )
{
if ( navigator.appVersion.indexOf ( "MSIE 4" ) > -1 )
return ;
}
window.setTimeout("rolling_s()",waitingtime_s);
}
function rolling_s()
{
if (bMouseOver_s && wait_flag_s)
{
for (i_s=0;i_s<total_area_s;i_s++){
tmp_s = document.getElementById('scroll_area_s'+i_s).style;
tmp_s.top = parseInt(tmp_s.top)-roll_speed_s;
if (parseInt(tmp_s.top) <= -roll_height_s){
tmp_s.top = roll_height_s*(total_area_s-1);
}
if (s_tmp_s++ > (s_amount_s-1)*roll_text_s.length){
wait_flag_s=false;
window.setTimeout("wait_flag_s=true;s_tmp_s=0;",waitingtime_s);
}
}
}
window.setTimeout("rolling_s()", 1);
}
function insert_area_s(idx_s, n_s)
{
document.write('<div style="left: 0px; width: 100%; position: absolute; top: '+(roll_height_s*n_s)+'px" id="scroll_area_s'+n_s+'">\n'+roll_text_s[idx_s]+'\n</div>\n');
}
<?
$java_script = "";
for ($i=0; $i<count($list); $i++) {
$ooo='<table width=100% height=180 cellpadding=0 cellspacing=0 border=0><tr><td width=100%><table width=100% height=180 cellpadding=0 cellspacing=0 border=0><tr><td align=center><a href='.$list[$i][href].'><img src=\"'.$list[$i][file_image1].'\" width=\"240\" height=\"150\" border=0></a></td></tr><tr><td align=center height=\"30\"><a href='.$list[$i][href].'><b><font color=\"#005cab\">[ '.$list[$i][subject].' ]</font></b></a></td></tr></table></td></tr></table>';
$java_script .= "roll_text_s[$i]='$ooo'\n";
}
echo $java_script;
?>
</script>
<div style="left: 0px; width: 100%; position: relative; top: 0px; height: 180px; overflow:hidden;" onMouseover="bMouseOver_s=0" onMouseout="bMouseOver_s=1" id="scroll_image_s">
<script>
var no_script_flag_s = false ;
if ( navigator.appName == "Microsoft Internet Explorer" )
{
if ( navigator.appVersion.indexOf ( "MSIE 4" ) > -1 )
{
document.write ( roll_text_s[0] ) ;
no_script_flag_s = true ;
}
}
if ( no_script_flag_s == false )
start_roll_s();
</script>
</div>
높이 조정이 잘못되었는지.
말씀좀 부탁 드립니다.
감사합니다.
댓글 전체