2012-03-31 73 views
0

我在發佈新問題之前已經搜索了全部已退出的很長時間。 我有兩個DIV形成一個動態照片庫,一個DIV從數據庫加載thumnails圖像,另一個DIV顯示點擊縮略圖的fullsize圖像。將html更改爲其他div onClick(動態庫)

簡化代碼:

<div id="thumbs_div" onclick="document.getElementById('full_div').innerHTML ='<img src="images/<?php echo $row_some_recordset['photo_name']; ?>"/>';"><img src="thumbs/<?php echo $row_some_recordset['photo_name']; ?>" /></div> 

如你所知,我不能用html標籤使用innerHTML。並與我堆疊.. 我知道這是可能的jQuery,但我不知道如何。 任何幫助將不勝感激。 在此先感謝

回答

0

用的HTML/PHP文件:

<div id="thumbs_div"> 
    <img src="thumbs/<?php echo $row_some_recordset['photo_name']; ?>" /> 
</div> 

以此爲腳本:

$('#thumbs_div').click(function(){ 
    $('#full_div').html('<img src="images/<?php echo $row_some_recordset['photo_name']; ?>"/>'); 
}); 
0

沒有jQuery的

<script> 
function onImageClick() 
{ 
document.getElementById('full_div').innerHTML ='<img src="images/<?php echo $row_some_recordset['photo_name']; ?>"/>'; 
} 
</script> 

<div id="thumbs_div" onclick="onImageClick()"/>';"><img src="thumbs/<?php echo $row_some_recordset['photo_name']; ?>" /></div> 

希望幫助