Итак, прости меня, я только начинаю изучать Javascript, я даже не знаю, возможно ли это. У меня есть следующий HTML-код:
<div class="container">
<div class="topspace">
<div id="picholder" class="pic1">
<div class="picsel" id="picsel1" onclick="imgSel(1)"></div>
<div class="picsel" id="picsel2" onclick="imgSel(2)"></div>
</div>
</div>
</div>
И вот что я хочу сделать, нажав на один из div "picsel" (они отображаются в виде маленьких квадратов в нижней части div picholder) Я могу изменить backgroundImage, используемый в picholder, изменив класс, связанный с Пихолдер Див. Мой Javascript выглядит так:
function imgSel(n) {
var id1 = "pic" + n;
var id2 = "picsel" + n;
// 'zero out' all the picsel boxes to their default color
document.getElementByClass('picsel').style.backgroundColor="#333";
// change the background-image for picholder
document.getElementById('picholder').style.className=id1;
// change the picsel box that was clicked to white
document.getElementById(id2).style.backgroundColor="#FFF";
}
И мой CSS выглядит так:
#picholder {width:798px; height:340px; border:1px solid #333; background-color:#333;}
.picsel {width:8px; height:8px; background-color:#333; border:1px solid #333; margin-left:4px; top:340px; position:relative; float:left;}
.picsel:hover {cursor:pointer; background-color:#888;}
.pic1 {background-image:url('data/main001.jpg');}
.pic2 {background-image:url('data/main002.jpg');}
Я запустил Alert, и переменные добавляются правильно, поэтому я думаю, что мне интересно, можно ли изменить className (или это даже команда?). На данный момент я думаю, что не могу присвоить переменную className = var или getElementById (var), но ... хорошо ... имейте это в виду.
В настоящее время он работает по адресу http://www.mdw -art.com / , но в версии на основе HTML, которая не указывает, какой квадрат отображается в данный момент. Поэтому я в основном хочу, чтобы это было сделано, но я пытаюсь получить поля, чтобы указать, какой из них отображается в данный момент, и получить код из HTML (потому что позже я хочу применить эту же концепцию к другим галереям).