2017-07-11 8 views
0

私はJavascriptの初心者です。イメージを表示できるウェブサイトを作ろうとしています。 、デバッグショートコード(私に手伝ってもらえない場合)

//And my Javascript : 
 

 
document.getElementById('category').innerHTML = row.category[count] 
 
document.getElementById('bbox').style.left=row.x1[count] 
 
document.getElementById('bbox').style.left=row.x1[count] 
 
document.getElementById('bbox').style.top=row.y1[count] 
 
document.getElementById('bbox').style.width=row.x2[count]-row.x1[count] 
 
document.getElementById('bbox').style.height=row.y2[count]-row.y1[count]
/*I set the style in my css file, which is different file with my HTML :*/ 
 
#previewimage{ 
 
\t width: 500px; 
 
/* \t height: 100%*/ 
 
\t z-index: 1; 
 
\t position: absolute; 
 
} 
 

 
#bbox{ 
 
\t width: 100px; 
 
\t z-index: 3; 
 
\t position: relative; 
 
\t height: 100px; 
 
\t border: 5px dashed black; 
 
\t left: 150px; 
 
\t top:200px; 
 
}
<div id="images"> 
 
    <img src="img/80673284_74c3361ed19c018192c338d338d27d67.jpg" id="previewimage"> 
 
    <img id="bbox"> 
 
</div>

今の問題は、私はボタンの上に私のjavascriptのラインを入れた場合、なぜ、それがランダムに変更され、それが設定され、左のようなものです:HTMLは、この(主要部分)のようなものです上から0、幅と高さは一定のままです。

+0

あなたのコードでは '行'は何ですか?あなたの問題は明確ではありません。 – Dij

+0

VAR行= { リンク:[]、 カテゴリ:[]、 X1:[]、 X2:[]、 Y1:[]、 Y2:[] }。 –

+0

問題のコードに行のサンプルを追加します。そしてボタン上のJavaScript行は何を入れているのですか?あなたの質問は明確ではありません – Dij

答えて

0

となりました! 私はちょうどpxを置くのを忘れました LOLこれは面白いです

関連する問題