Видео галерея
 

уважаемые господа помогите мне пожалуйста покажите как по нажатию на картинку загружать видео. я сам уже неделю ищу хоть как кой то скрип но так и не нашел.
примерно так должно выглядеть галерея.
я наживаю на картинку снизу и в большем окне загружается видео.

то есть галерея уже есть?

тогда это
совершенно несеръезно

все что надо сделать, это создать элемент video с новыми атрибутами и вставить его вместо большой картинки
и потом не забыть удалить

галереи нет потому что я не знаю как ее сделать.
у меня есть видео проигрыватель
и вставка кода
<object id="videoplayer1157" type="application/x-shockwave-flash" data="http://test2/player/uppod.swf" width="500" height="375"><param name="bgcolor" value="#ffffff" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://test2/player/uppod.swf" /><param name="flashvars" value="comment=111&amp;st=http://test2/styleplayer/video169-1076.txt&amp;file=http://test2/videos/5.flv" /></object>
как сделать так что бы при нажатии на картинку загружалось видео

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

если бы я лукавил. Я начинающий в jquery да и javascript я не знаю совсем. мои познания ограничиваются тем что я видео из видео и учебников по jquery. Я разбираюсь только в РНР и поэтому я у вас как профессионалов хочу попросить помощи. помогите мне сделать видео галерею вот что у меня сейчас.чужая галетея фотографий и код видео

$(document).ready(function() {
	$("#gallery li img").click(function(){
		$('#main-img').attr('src',$(this).attr('src').replace('thumb/', ''));
		$('#video');
	});
	var imgSwap = [];
	 $("#gallery li img").each(function(){
		imgUrl = this.src.replace('thumb/', '');
		imgSwap.push(imgUrl);
	});
	$(imgSwap).preload();
});
$.fn.preload = function() {
    this.each(function(){
        $('<img/>')[0].src = this;
    });
}
</script>

<div class="wrap">

	<div id="gallery">
		<img src="gallery/1.jpg" alt="" id="main-img" />
	<ul>
	  <li><img src="gallery/thumb/1.jpg" alt="" /></li>
	  <li><img src="gallery/thumb/2.jpg" alt="" /></li>
	  <li><img src="gallery/thumb/3.jpg" alt="" /></li>
	  <li><img src="gallery/thumb/4.jpg" alt="" /></li>
	  <li><img src="gallery/thumb/5.jpg" alt="" /></li>
	  <li><img src="gallery/thumb/6.jpg" alt="" /></li>
	</ul></div>

сам проигрыватель

<object id="videoplayer1157" type="application/x-shockwave-flash" data="http://test2/player/uppod.swf" width="500" height="375"><param name="bgcolor" value="#ffffff" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://test2/player/uppod.swf" /><param name="flashvars" value="comment=111&amp;st=http://test2/styleplayer/video169-1076.txt&amp;file=http://test2/videos/5.flv" /></object>
<script type="text/javascript" src="jquery.js">

если кому не лень и кто имеет сочувствие помогите пожалуйста.
то что есть галлереи я в них не могу разобраться столько кода не понятного

Здравствуйте добился того что могу по ссылке выводить почти видео то есть только проигрывательно при при этом пишит что файл не найден но если я меняю +src+ на название файла 1, 2 или 3 то видео проигрывается.
почему не получается проиграть так как в коде

function(){
                  src = $(this).attr(options.src);
                  title = $(this).attr(options.title);
                  
                  $(options.holderDiv)
					 		  .html('<object id="videoplayer1157" type="application/x-shockwave-flash" data="http://test2/player/uppod.swf" width="'+options.w+'px" height="'+options.h+'px"><param name="bgcolor" value="#ffffff" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://test2/player/uppod.swf" /><param name="flashvars" value="comment=111&amp;st=http://test2/styleplayer/video169-1076.txt&amp;file=http://test2/videos/'

+src+

'.flv" /></object>');

if (options.showTitle === true){
$(options.titleLoc)
.text(title);
}
}

Представляю часть кода
Если я в строке приведенной ниже меняю +src+ на 1.flv или 2.flv или 3.flv то у меня видеоролик работает. А если я оставляю как есть то нажимая на кнопку она передает значение в переменную '+src+' то есть 1 2 или 3 в этом случае пишет что 1.flv или 2.flv или 3.flv не найден хотя все flv файлы находятся на месте.

как мне сделать так что бы при нажатии на кнопку например со значением 1загружался видео ролик.
st=http://test2/styleplayer/video169-1076.txt&amp;file=http://test2/videos/'+src+'.flv"
Редактировать/удалить сообщение

народ разве вам трудно помочь?