使用Div和.load顯示圖像

如何獲取此代碼以顯示圖像？我使用iFrame的，但被告知如果我最終想要將每個圖片鏈接到使用Div和.load的圖片會更好。雖然使用Div的我似乎無法加載任何東西。使用Div和.load顯示圖像

......

這是我現在已經爲2013年12月26日

我已經能夠將所有到目前爲止所學的信息的。

<!DOCTYPE html> 
<html> 
    <cfquery datasource="AccessTest" name="qTest"> 
     SELECT Account, Image, Image_ID 
     FROM PictureDB 
    </cfquery>

選擇帳戶，備註，用戶，Image_ID FROM CommentPicture

<script src="http://code.jquery.com/jquery-2.0.3.js"> </script> 

<script> 
$(document).ready(function(){ 

    var images = { 

    <cfloop query="qTest"> 
    "<cfoutput>#qTest.Image_ID#</cfoutput>": "<cfoutput>#qTest.Image#</cfoutput>", 
    </cfloop> 
    }; 

    $("button").click(function(event){ 
     event.preventDefault(); 
     var id = $(this).data("id"); 
     var src = images[id]; 

     $("#theImage").attr("src", src).removeClass("hide"); 

    }); 

}); 
</script> 

<div id="div1"> 
    <h2>Display Image</h2> 
</div> 

    <cfoutput query="qTest"> 
     <button data-id="#qTest.Image_ID#">#qTest.Account# </button> 
    </cfoutput> 
    <img id="theImage" class="hide"> 
</html>

enter image description here