-1

こんにちは、.png 型の画像をパラメーターとして関数に渡そうとしています。したがって、画像パラメーターを使用して関数を呼び出すたびに、画像が表示されます。これが私の機能です

    function DisplayImages(picture1){
     document.write("<div class='slideshow'>",
      "<ul>",
        "<li>",
         "<img src=",picture1,"/>",          
          "<div>",
             "<a href=", picture1 "title='Click to see full image' target='_blank'>",
                "<img src=", picture1 " alt='Item 1' />",
            "</a>",
            "<p>'This is Item 1' </p>",
        "</div>",
        "</ul>",
       "</div>");
    }

そして私はそれをこのように呼んでいます

    <script> DisplayImages('images/upcomingitem1.png'); </script>

しかし、何も表示されません。これを修正する方法はありますか?

4

2 に答える 2

1

2つの欠落しているコンマ、2番目の後に欠落しているスペースsrc、および欠落しているを追加すると、 </li>「機能」します。

function DisplayImages(picture1){
     document.write("<div class='slideshow'>",
      "<ul>",
        "<li>",
         "<img src=\"", picture1,"\">",          
          "<div>",
             "<a href=\"", picture1, "\" title='Click to see full image' target='_blank'>",
                "<img src=\"", picture1, "\" alt='Item 1' />",
            "</a>",
            "<p>'This is Item 1' </p>",
        "</div></li>",
        "</ul>",
       "</div>");
}

また、いくつかの（エスケープされた）引用符を追加したので、どのURLでも機能します。

デモンストレーション

しかし、私はその解決策に疑問を持っています。木全体が重いようです。

于 2012-10-21T19:22:03.310 に答える
0

文字列を適切にフォーマットして、書き込み、+連結、ではなく,

 function DisplayImages(picture1){
 document.write("<div class='slideshow'>"+
  "<ul>"+
    "<li>"+
     "<img src="+picture1+"/>"+          
      "<div>"+
         "<a href="+ picture1 +"title='Click to see full image' target='_blank'>"+
            "<img src="+ picture1 +" alt='Item 1' />"+
        "</a>"+
        "<p>This is Item 1 </p>"+
    "</div>"+
    "</ul>"+
   "</div>");
 }
于 2012-10-21T19:19:30.120 に答える