Есть следующий кусок верстки:
<ul id="inside_gallery2" style="left: 0px;">
<li> <a class="current" rel="/public/files/images/1349.jpg" href="/anonses/view/efjf.html"> text1</a> </li>
<li> <a rel="/public/files/products/putin.jpg" href="http://www.rian.ru/trend/medvedev_finland_20072010/"> text2</a> </li>
<li> <a rel="/public/files/images/1478.jpg" href="/anonses/view/sdfsdddddd.html">text3</a> </li>
<li> <a rel="/public/files/images/1467.jpg" href="/anonses/view/32.html"> text4></a> </li>
</ul>
Как видите здесь первый тег "а" имеет класс current, задача такая, по клику на определенном элементе, присвоить следующему элементу "а" класс current, а у того "а" корорый относился к классу current его убрать. Т.е. что бы после работы скрипта код имел следующий вид:
<ul id="inside_gallery2" style="left: 0px;">
<li> <a rel="/public/files/images/1349.jpg" href="/anonses/view/efjf.html"> text1</a> </li>
<li> <a class="current" rel="/public/files/products/putin.jpg" href="http://www.rian.ru/trend/medvedev_finland_20072010/"> text2</a> </li>
<li> <a rel="/public/files/images/1478.jpg" href="/anonses/view/sdfsdddddd.html">text3</a> </li>
<li> <a rel="/public/files/images/1467.jpg" href="/anonses/view/32.html"> text4></a> </li>
</ul>
Это нужно чтобы считать атрибут rel с элемента который имеет класс "current" и поменять картинку.
Пробовал таким образом:
Код:
|
$("#someid").click(function(){
$('#inside_gallery2 li a.current').next().addClass("current");
$('#inside_gallery2 li a.current').prev().removeClass("current");
var res = "/phpThumb/phpThumb.php?w=213&h=131&zc=1&src=" + $('#inside_gallery2 li a.current').attr("rel");
$("#img123").attr({ src: res });
}
) |
не работает, гдето накосячил.