Замена атрибута .href при клике на сторонний объект

[dartWeider]

Здравствуйте! бьюсь уже который день. помогите пожалуйста.
суть такая: три переменные
a=хранит адрес картинки
b=описание картинки
c=адрес ссылки
a,b, работают при клике на "анкор", подставляются переменные: меняется картинка и ее описание. но переменная "c" не работает.
установлен скрипт "cloud-zoom", увеличивающий часть картинки при наведении. При смене картинки "а" должна меняться и "c", что бы увеличивалась именно та картика, которая только что сменилась. что я сделал не так? подскажите пожалуйста

<script type="text/javascript">
 function l_image (a, b, c) {
 document.example_img.src=a;
 document.getElementById("example_text").innerHTML=b;
 document.getElementByClass("cloud-zoom").href=c;
 }
 </script>

<a class="cloud-zoom" href="images/map/vent_big.jpg" id="zoom1" rel="adjustX: -5, adjustY:+5"> <img alt="" border="0" class="cke-resize cke-resize" name="example_img" src="images/map/1.jpg" style="display: block; margin-left: auto; margin-right: auto; " /></a>

<div id="example_text"><span style="font-size:14px;">Описание</span></div>

<a href="javascript:l_image ('../images/map/vent1.png', 'Описание 2Описание', '../images/map/vent1.png')">анкор</a>

[BETEPAH]

getElementByClass

где Вы такой метод нашли?

[BETEPAH]

<a class="cloud-zoom" href="images/map/vent_big.jpg" id="zoom1" rel="adjustX: -5, adjustY:+5">
  <img alt="" border="0" class="cke-resize cke-resize" name="example_img" src="http://javascript.ru/forum/images/smilies/smile.gif" style="display: block; margin-left: auto; margin-right: auto; " />
</a>
<div id="example_text">
  <span style="font-size:14px;">Описание</span>
</div>
<a href="javascript:l_image ('http://javascript.ru/forum/images/smilies/agree.gif', 'Описание 2Описание', 'http://javascript.ru/forum/images/smilies/agree.gif')">анкор</a>
<script>
 function l_image (a, b, c) {
 document.example_img.src = a;
 document.getElementById("example_text").innerHTML = b;
 document.getElementsByClassName("cloud-zoom")[0].href = c;
 }
 </script>

[dartWeider]

<a class="cloud-zoom" href="images/map/vent_big.jpg" id="zoom1" rel="adjustX: -5, adjustY:+5">
  <img alt="" border="0" class="cke-resize cke-resize" name="example_img" src="http://javascript.ru/forum/images/smilies/smile.gif" style="display: block; margin-left: auto; margin-right: auto; " />
</a>
<div id="example_text">
  <span style="font-size:14px;">Описание</span>
</div>
<a href="javascript:l_image ('http://javascript.ru/forum/images/smilies/agree.gif', 'Описание 2Описание', 'http://javascript.ru/forum/images/smilies/agree.gif')">анкор</a>
<script>
 function l_image (a, b, c) {
 document.example_img.src = a;
 document.getElementById("example_text").innerHTML = b;
 document.getElementsByClassName("cloud-zoom")[0].href = c;
 }
 </script>

Спасибо за помощь!=) но все равно не работает. проблема с этим классом <a class="cloud-zoom". как только меняю ему имя, ссылка подставляется. но этот класс нужен для крассивого увеличения изображения.
вот скрипт, где перезаписывается этот класс в css, но ничего такого я там не нашел... http://ruseller.com/adds/adds2572/ex...-zoom.1.0.2.js.
еще используется "jquery" http://ruseller.com/adds/adds2572/ex.../jquery.min.js
и маленький файлик css http://ruseller.com/adds/adds2572/ex...cloud-zoom.css

[BETEPAH]

Спасибо за помощь!=) но все равно не работает.

Вы кнопку "Посмотреть" нажимали?

[dartWeider]

Вы кнопку "Посмотреть" нажимали?

конечно. более того, я и у себя потестил. все работает, если не использовть класс "cloud-zoom" . видимо конфликтуют скрипты

[BETEPAH]

все работает, если не использовть класс "cloud-zoom"

В посте №3 все работает, даже если использовать класс .cloud-zoom. Ноль показывает, что берется первый найденный элемент с таким классом.

[dartWeider]

В посте №3 все работает, даже если использовать класс .cloud-zoom. Ноль показывает, что берется первый найденный элемент с таким классом.

Еще раз спасибо Вам за помощь и за потраченное время!