Изменить HTML на другой div onClick (динамическая галерея)

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

без 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>

Надеюсь, что поможет

Answer 2

С файлом 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']; ?>"/>');
});