Помогите встроить аккордион jquery в скрипт выбора изображения цикл foreach...

[djforce]

Привет еще раз всем.

Есть скрипт, который выводит изображения с радиобутоном для выбора одного из них:

$out.= '<div class="form_div"><b>2. Выберите изображение:</b>
	<table cellpadding="0" cellspacing="0" border="0"><tr><td>';
	$icnt=0;
	foreach ($arBegunki as $key => $image) {
		$out.= '<div class="blockbegun"><input type="radio" name="begun" value="'.$key.'"'
			.($key == $begun ? ' checked' : '')
			.'><img src="/srv/images/'.$image.'" border="0" align="absmiddle" /></div>';
	}
	$out.='</td></tr></table>
	</div>
echo $out;

В исходном состоянии данный код выводит изображения '.$image.' из директории /srv/images/, имена изображений заданы переменной в отдельном файле:

$arBegunki = array(
	1	=> 'b11inv.gif',
	2	=> 'b12.gif',
	3	=> 'b13.gif',
	4	=> 'b14.gif',
	5	=> 'b15.gif',
	6	=> 'b16.gif',
);

Нужно как то прикрутить к этому скрипту слайдер аккордион на jquery. например вот такой:

9. «Toggle Effect» http://acrisdesign.com/demo/toggle/ http://efimov.ws/assets/files/develop/2011/04/accordeon.zip

или вот такой http://ruseller.com/lessons.php?rub=32&id=1278

Нужно как бы разбить изображения на категории...

Вообще реально ли это?

Спасибо!

Просто тут ка кто нужно предусмотреть сам цикл вывода изображений, и привязать как то к нему категории... я в этом совсем не силен... запутался уже...

Может быть можно по $key как то группировать или фильтровать?

[hedgehog]

Самый простой вариант - это взять готовый слайдер и на PHP выводить HTML структуру, которая для этого слайдера нужна, а стальное сделает JS.

Нужно как бы разбить изображения на категории...

А здесь непонятно. Какие категории? Для чего? По какому принципу разбивать?

[rus]

У вас же все уже написано, нужно просто вставить в нужное место скрипта слайда галереи кусок кода отвечающий за вывод изображения:

<img src="/srv/images/'.$image.'" border="0" align="absmiddle" />

[djforce]

Всем спасибо все сделал