Карусель

[necro]

Добрый день, подключил карусель и добавил менюху, посмотреть можно тут:

http://necro.p.ht/afrika-news.org/

Смысл вот в чем, наводишь на пункт меню, картинка меняется, все работает, но только на первом слайде, начиная со второго вроде как и работать должно, но ничего не меняется, картинка остается той дже, когда меню было мень и между картинкой и меню было место, начиная со второго слайда, вторая картинка появлялась после первой, до меню, вернее кусок который влазил в этот промежуток. Вопрос как сделать, чтобы картинка менялась на всех слайдах при наведении или мб кто-то знает уже готовый такой слайдер где есть.

Вот код слайдера, если что:

<div id="example">
<div id="slides">
<div class="slides_container">
<div class="slide">
<img src="bigNewsImage.jpg" id="img">
<ul>
<li onmouseover="show_img(1);" onmouseout="show_img(0);"><a href="#">Евросоюз решил дать Мали военную поддержку</a></li>
<li onmouseover="show_img(0);" onmouseout="show_img(0);"><a href="#">Мозамбик использует крыс для борьбы с туберкулезом</a></li>
<li onmouseover="show_img(1);" onmouseout="show_img(0);"><a href="#">Бизнес и бездомные в Замбии</a></li>
<li onmouseover="show_img(0);" onmouseout="show_img(0);"><a href="#">В Тунисе после беспорядков сняли губернатора</a></li>
</ul>
</div>
<div class="slide">
<img src="bigNewsImage.jpg" id="img">
<ul>
<li onmouseover="show_img(1);" onmouseout="show_img(0);"><a href="#">Евросоюз решил дать Мали военную поддержку</a></li>
<li onmouseover="show_img(0);" onmouseout="show_img(0);"><a href="#">Мозамбик использует крыс для борьбы с туберкулезом</a></li>
<li onmouseover="show_img(1);" onmouseout="show_img(0);"><a href="#">Бизнес и бездомные в Замбии</a></li>
<li onmouseover="show_img(0);" onmouseout="show_img(0);"><a href="#">В Тунисе после беспорядков сняли губернатора</a></li>
</ul>
</div>
<div class="slide">
<img src="bigNewsImage.jpg" id="img">
<ul>
<li onmouseover="show_img(1);" onmouseout="show_img(0);"><a href="#">Евросоюз решил дать Мали военную поддержку</a></li>
<li onmouseover="show_img(0);" onmouseout="show_img(0);"><a href="#">Мозамбик использует крыс для борьбы с туберкулезом</a></li>
<li onmouseover="show_img(1);" onmouseout="show_img(0);"><a href="#">Бизнес и бездомные в Замбии</a></li>
<li onmouseover="show_img(0);" onmouseout="show_img(0);"><a href="#">В Тунисе после беспорядков сняли губернатора</a></li>
</ul>
</div>
<div class="slide">
<img src="bigNewsImage.jpg" id="img">
<ul>
<li onmouseover="show_img(1);" onmouseout="show_img(0);"><a href="#">Евросоюз решил дать Мали военную поддержку</a></li>
<li onmouseover="show_img(0);" onmouseout="show_img(0);"><a href="#">Мозамбик использует крыс для борьбы с туберкулезом</a></li>
<li onmouseover="show_img(1);" onmouseout="show_img(0);"><a href="#">Бизнес и бездомные в Замбии</a></li>
<li onmouseover="show_img(0);" onmouseout="show_img(0);"><a href="#">В Тунисе после беспорядков сняли губернатора</a></li>
</ul>
</div>
<div class="slide">
<img src="bigNewsImage.jpg" id="img">
<ul>
<li onmouseover="show_img(1);" onmouseout="show_img(0);"><a href="#">Евросоюз решил дать Мали военную поддержку</a></li>
<li onmouseover="show_img(0);" onmouseout="show_img(0);"><a href="#">Мозамбик использует крыс для борьбы с туберкулезом</a></li>
<li onmouseover="show_img(1);" onmouseout="show_img(0);"><a href="#">Бизнес и бездомные в Замбии</a></li>
<li onmouseover="show_img(0);" onmouseout="show_img(0);"><a href="#">В Тунисе после беспорядков сняли губернатора</a></li>
</ul>
</div>
<div class="slide">
<img src="bigNewsImage.jpg" id="img">
<ul>
<li onmouseover="show_img(1);" onmouseout="show_img(0);"><a href="#">Евросоюз решил дать Мали военную поддержку</a></li>
<li onmouseover="show_img(0);" onmouseout="show_img(0);"><a href="#">Мозамбик использует крыс для борьбы с туберкулезом</a></li>
<li onmouseover="show_img(1);" onmouseout="show_img(0);"><a href="#">Бизнес и бездомные в Замбии</a></li>
<li onmouseover="show_img(0);" onmouseout="show_img(0);"><a href="#">В Тунисе после беспорядков сняли губернатора</a></li>
</ul>
</div>
</div>
</div>
</div>

Вот код js

<script>
var imgs = new Array("bigNewsImage.jpg", "bigNewsImage1.jpg");
function show_img(a) {
var obj = document.getElementById("img");
obj.src = imgs[a];
}
</script>

Буду очень благодарен, если кто подскажет, как сделать. Спасибо.

Edited April 23, 2013 by necro

[nerv]

смотря как либы вешают. Та же жуквери нормализует объект события.

// < 1.8
$( '#test' ).data( 'events' );


// > 1.8
$._data( $( '#test' )[ 0 ] ).events;

Edited May 1, 2013 by nerv