Ändern Sie HTML zu anderen div onClick (dynamische Galerie)

Question

Ich habe Allover für beenden lange Zeit vor dem Posten einer neuen Frage gesucht. Ich habe zwei DIVs, die eine dynamische Fotogalerie bilden, ein DIV lädt Thumnails-Bilder aus der Datenbank, und das andere DIV zeigt das Vollbild des angeklickten Thumbnails an.

Simplified Code:

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

Wie Sie wissen, ich nicht innerHTML- mit HTML-Tags verwenden können. und ich bin mit ihm gestapelt .. Ich weiß, dass es mit jQuery möglich ist, aber ich weiß nicht wie. Jede Hilfe wird geschätzt. Vielen Dank im Voraus

Answer 1

Mit einem HTML/PHP-Datei:

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

Verwenden Sie diese als Skript:

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

Answer 2

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

Hoffnung, die

hilft