Перейти к содержимому

Сервис обмена электронных валют


Помогите с Jquery пожалуйста, не могу сообразить как сделать слайдер

#1 metaller92

metaller92
  • Пользователь
  • 7 сообщений
  • Репутация: 1
0

Отправлено 15 Сентябрь 2012 - 19:02

Есть код у меня
вот html

<div class="album_content">
<?php
	foreach ($need_photo as $item) {
?>
   <a class="gallery group1" href=""><img class="album_content_photo" src="../userfiles/<?=$item['photo_url']?>"  alt="<?=$item['photo_text']?>" /></a>
<?php
}
?>
</div>

<div class="album_photo_zoom">
	<div id="close_album_content" ></div>
		<img src=""  alt="photo" />
	<div class="slider_buttons">
	<span id="photo_text"></span>
		<ul>
			<li id="left_slider"></li>
			<li id="left_right"></li>
		</ul>
	</div>
</div>


А вот Jquery код

$('.gallery').click(function() {

		$(this).attr('href', $(this).find('img').attr('src'));
   $('.hidden_bg').show();
		$('.album_photo_zoom').show();
$('.album_photo_zoom img').attr('src', $(this).attr('href'));
		$('.album_photo_zoom span').text($(this).find('.album_content_photo').attr('alt'));

		return false;
});

	$('#close_album_content').click(function() {
		$('.hidden_bg').hide();
		$('.album_photo_zoom').hide();
	});

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

<ul>
<li id="left_slider"></li>
<li id="left_right"></li>
</ul>
Вот они, и мне нужно, что-бы по клику на них

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

Помогите плиз, очень нужно!!!

 

 

  • 0


Оформление форума – IPBSkins.ru