Получение большой картинки через onclick

[prowoke]

В общем я не нашёл готового решения для своей галереи. Что нахожу, либо не совсем для меня подходит, либо не могу адаптировать нормально, либо она не рабочая.

Хочу сам делать. Что я имею:

Вот карусель взял такую http://flowplayer.org/tools/demos/scrollable/index.html

Её я поставил на сайт, теперь хочу, чтобы при клике на миникартинку выводился её большой брат в центр. На джавасрипт я написал такую вот функцию:

function show_img(src)

{

document.getElementbyId("big_img").src=src;

}

И вот в миникартинки я вставляю этот id вот так:

<div>
		 <img  id="big_img" src="bigimg/1.jpg" 
	onclick="show_img();"/>
		 <img id="big_img" src="bigimg/2.jpg" 
		onclick="show_img();" />
		 <img id="big_img"  src="bigimg/3.jpg" 
								  onclick="show_img();" />
		 <img src="bigimg/4.jpg" />
		 <img src="bigimg/5.jpg" />
	  </div>

По моей логике, когда я щёлкаю на миникартинке, в функцию show_img передаётся ссылка и она должна выводить её в большом размере. В миникартинки вбиты сразу большие, только в уменьшенном виде с помощью css. Но у меня это не работает, вот хотел спросить правильно ли я делаю и почему не работает? Вроде всё логично по идеи.

[stars]

как минимум ваша ошибка в том что вы объявляете полученные переменные и далее их пытаетесь использовать, НО вы их не передаете... Смотрите вот эта строчка show_img(src), может быть записано как например show_img(moya_peremennaya) и далее вы бы написали document.getElementbyId("big_img").src=moya_peremennaya;

Эта самая moya_peremennaya должна драться отсюда вот onclick="show_img(moya_peremennaya);" в вашем случаи запись будет примерно такая onclick="show_img('bigimg/3_big.jpg');"

Далее ваша ошибка в том что вы используете везде один и тот же id, смысл ID в том что это уникальное название элемента, и ваш метод getElementbyId не задумываясь будет брать первый элемент с id=""big_img" а не тот на который вы кликнули...

Edited October 27, 2010 by stars