смена div при нажатии на ссылку

[bars]

вот что надо... при щелчке на первую афишу, картинка в левом верхнем углу - меняется на поп, на середину - на рок, на третью, - попса...

вот как выглядет это в хтмл

<!-- 
					**********************************
						Классы для смены картинок
					
						rnb-entry
						pop-entry
						dj-entry
						hiphop-entry
						rnr-entry
						
					**********************************
					-->

					<div class="entry rnr-entry">
					
						<div class="bg-t"><div class="l"></div><div class="r"></div></div>
						<div class="m"><div class="m_i"><div class="m_i"><div class="m_i">
						
							<div class="entry-content">
							
								<div class="afisha-gallery">
								
									<ul class="clearfix">
										<li><div><a href="#"><img src="assets/i/temp/af.jpg" alt="" /></a></div><i></i></li>
										<li class="active"><div><a href="#"><img src="assets/i/temp/af.b.jpg" alt="" /></a></div><i></i></li>
										<li><div><a href="#"><img src="assets/i/temp/af.jpg" alt="" /></a></div><i></i></li>
									</ul>
								
									<div class="buttons">
										<a href="#" class="prev-all"></a>
										<a href="#" class="prev"></a>
										<a href="#" class="next-all"></a>
										<a href="#" class="next"></a>
									</div>
								
								</div>
							
								<div class="afisha-list">
									<div class="clearfix">
										<div class="list-item">
											<div class="item-ttl">АФИША «NR»</div>
											<div class="item-body clearfix">
												<ul>
													<li>
														<a href="#">
															<span class="date"><strong>2</strong> апреля</span>
															<span>Четвег. Твоя ночь в Moulin Rouge</span>
															<span>22:00 [жен. 500 р. / муж. 500 р.]</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="date"><strong>2</strong> апреля</span>
															<span>Четвег. Твоя ночь в Moulin Rouge</span>
															<span>22:00 [жен. 500 р. / муж. 500 р.]</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="date"><strong>11</strong> апреля</span>
															<span>Четвег. Твоя ночь в Moulin Rouge</span>
															<span>22:00 [жен. 500 р. / муж. 500 р.]</span>
														</a>
													</li>
												</ul>
												<ul>
													<li>
														<a href="#">
															<span class="date"><strong>2</strong> апреля</span>
															<span>Четвег. Твоя ночь в Moulin Rouge</span>
															<span>22:00 [жен. 500 р. / муж. 500 р.]</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="date"><strong>22</strong> апреля</span>
															<span>Четвег. Твоя ночь в Moulin Rouge</span>
															<span>22:00 [жен. 500 р. / муж. 500 р.]</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							
							</div>
						</div></div></div></div>
						<div class="bg-b"><div class="l"></div><div class="r"></div></div>
						<div class="v"></div>
					</div>
					<!-- /entry -->

вопрос как вообще это можно организовать....
просто сам не шарю вообще

[Gozar]

по событию onclick, менять background-image или className или что там вообще.

document.getElementById('kartinka').style.backgrounImage = 'url(img/pop.jpg)'

как-то так.

[bars]

http://neborecords.ru/index.html


там код вида

<script type="text/javasctipt">
					function setClass(classname)
					{
						document.getElementById('div').setAttribute('class', 'entry ' + classname);
					}
					</script>

на картинках так

<li><div><a href="#" onclick="setClass('rnr-entry'); return false;"><img src="assets/i/temp/af.jpg" alt="" /></a></div><i></i></li>
										<li class="active"><div><a href="#" onclick="setClass('pop-entry'); return false;"><img src="assets/i/temp/af.b.jpg" alt="" /></a></div><i></i></li>
										<li><div><a href="#" onclick="setClass('dj-entry'); return false;"><img src="assets/i/temp/af.jpg" alt="" /></a></div><i></i></li>

и все равно 0 эффекта....
может где в коде ошибка?

[Gozar]

У Вас не определен setClass, вынесите <script> в <head></head>

[bars]

сделал.. но толку ноль... может нужно привязать как то именно к этому диву.... а то div class у меня много

[Gozar]

Простите не посмотрел Ваш код.
А где у вас:

<div id="div">

?
если Вы делаете:

document.getElementById('div')

, то у Вас должен быть

<div id="div">

[bars]

и это я тоже делал... не помогло.... =(((
может есть какой другой способ

[Gozar]

Что Вы там делали?
Я захожу на страницу по ссылке тыкаю мышкой на обложку и мне выдает ошибку:

setClass is not defined

И Вообще:

function setClass(classname)
                    {
                        document.getElementById('div').className = 'entry ' + classname
                    }

а также я проверяю наличие:

id="div"

на странице и я его тоже не вижу, кстати называть id-шники по имени тэгов считаю дурным тоном.

[Gozar]

А еще можно не весь класс менять а только:

document.getElementById('div').style.backgroundImage = 'url(i/backgrounds/rnr.jpg)'

[bars]

function setClass(classname)
					{
						document.getElementById('mydiv').setAttribute('class', 'entry ' + classname);
					}

я же его определил.... или надо еще как то по другому?

<div [B]id[/B]="[B]mydiv[/B]" class="entry rnr-entry">

вот и айди

А еще можно не весь класс менять

нужно именно весь... в этом и суть....