Здравствуйте!
Пытаюсь сделать несложную галерею с подписями к каждой картинке. Подписи хранятся в скрытом абзаце с уникальным идентификатором. Проблема заключается в том, как средствами простого JavaScript получить текст из этого абзаца и прописать его в специально выделенный абзац (видимый) под картинкой.
Код-пример вставки картинки-превью:
<input type="radio" id="pic1" class="pics" checked="checked" />
<label for="pic1" accesskey="2">
<img name="smallimg" src="PotPlayer_1.gif" height="60px" onclick = 'setBigImage(this)' alt="1" />
<p class="hid" id="p1">ЗДЕСЬ НУЖНЫЙ ТЕКСТ</p></label>
Место для вставки большой картинки:
<div id="bigpick">
<img id = 'bigimg' src = "PotPlayer_1.gif" height="390px" alt="" /><br />
<p id="commentary"></p></div>
Функция javascript
:
function setBigImage(foto) {
document.getElementById("bigpick").style.cssText="opacity:0; filter: alpha(opacity=0);";
setTimeout("document.getElementById('bigpick').style.cssText='text-align:center; opacity:1; filter: alpha(opacity=1); -webkit-transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; transition:1s;'", 500);
document.getElementById("bigimg").src = foto.src;
document.getElementById("bigimg").style.cssText="height:390px;"
// вот так я пытался решить, но не получилось
if (document.getElementById("pic1").checked = true;)
{
document.getElementById("commentary").innerHTML = document.getElementById("p1") }}
Что я делаю не так, ткните, пожалуйста, носом
