html5 질문이요

mn456456의 이미지

 
.thing {position:absolute;left: 0px; top: 0px; border: 2px; border-style: double; background-color: white; margin: 5px; padding: 5px; }
#vid {position:absolute; visibility:hidden; z-index: 0; }

    <script type="text/javascript">
 var facts = [
   ["ㅁ.jpg","ㅁ",false],
   ["ㄴ.jpg","ㄴ",false],
   ["ㅇ.jpg","ㅇ",false],
   ["ㄹ.jpg","ㄹ",false],
   ["ㅎ.jpg","ㅎ",false],
   ["ㅂ.jpg","ㅂ",false],
   ["ㅈ.jpg","ㅈ",false],
   ["ㄷ.jpg","ㄷ",false],
   ["ㄱ.jpg","ㄱ",false],
   ["ㅅ.jpg","ㅅ",false],
   ["ㅋ.jpg","ㅋ",false],
   ["ㅌ.jpg","ㅌ",false],
   ["ㅊ.jpg","ㅊ",false],
   ];
 var thingelem;
 var nq = 6;
 var elementinmotion;
 var makingmove = false;
 var inbetween = 300;
 var col1 = 500;
 var row1 = 200;
 var rowsize = 120;
 var slots = new Array(nq);
 
function init(){
   setupgame();
}
function setupgame() {
 var i;
 var c;
 var s;
 var mx = col1;
 var my = row1;
 var d;
 var uniqueid;
 for (i=0;i   facts[i][2] = false;
 }
 for (i=0;i   slots[i] = -100;
 }
 for(i=0;i   do {c = Math.floor(Math.random()*facts.length);}
  while (facts

[2]==true)
  facts[c][2]=true;
 
  uniqueid = "c"+String(c);
  d = document.createElement('country');
     d.innerHTML = ("<div class='thing' id='"+uniqueid+"'>placeholder</div>");
  document.body.appendChild(d);
  thingelem = document.getElementById(uniqueid);
  thingelem.textContent=facts[c][0];
  thingelem.style.top = String(my)+"px";
  thingelem.style.left = String(mx)+"px";
  thingelem.addEventListener('click',pickelement,false);
 
 
  uniqueid = "p"+String(c);
  d = document.createElement('cap');
     d.innerHTML = (
       "<div class='thing' id='"+uniqueid+"'>placeholder</div>");
  document.body.appendChild(d);
  thingelem = document.getElementById(uniqueid);
  thingelem.textContent=facts[c][1];
  do {s = Math.floor(Math.random()*nq);}
  while (slots[s]>=0)
  slots[s]=c;
  thingelem.style.top = String(row1+s*rowsize)+"px";
  thingelem.style.left = String(col1+inbetween)+"px";
  thingelem.addEventListener('click',pickelement,false);
  my +=rowsize;
 }
 document.f.score.value = "0";
 return false;
}
 
</script>
</head>
 
<body onLoad="init();">
 
 
앞뒤가 조금 잘려있지만 대충 이런식으로 되어있는데요
 
왼쪽 오른쪽에 각각 배열의 텍스트가 적힌 네모상자 6개가 나타납니다
 
그런데 저는 왼쪽에있는 상자들에 가로세로100인 이미지를 띄우고 싶거든요
 
어디를 어떻게 바꿔야 될까요
 
 
ex>
 
[a.jpg]        [a]       지금 이렇게 뜨는걸
 
[]       [a]     이렇게 띄우고 싶습니다
 

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.