Question

在发布新问题之前，我已经长时间搜索了这个问题。我有两个DIV形成一个动态照片库，一个DIV从数据库加载thumnails图像，另一个DIV显示点击缩略图的全尺寸图像。

简化代码：

    <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>

如您所知，我不能将innerHTML与html标签一起使用。而且我很喜欢它.. 我知道jQuery是可能的，但我不知道如何。任何帮助将不胜感激。提前致谢

Answer 1

使用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']; ?>"/>');
});

Answer 2

没有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>

希望有所帮助

将html更改为其他div onClick（动态图库）

2 个答案: