��-��

mybb@mybb.ru (popcorn) — Fri, 04 Jan 2013 00:08:43 +0400

�� :

��:

<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">
        <p><img src="������_��_��������" />
              ��� ����� �����</p>
      </div>
    </div>

�� slide, ��

��:

<div class="slide">�</div>

�� :

<script type="text/javascript">

$(document).ready(function(){
var currentPosition = 0;
var slideWidth = 560;
var slides = $('.slide');
var numberOfSlides = slides.length;

// � �� .

$('#slidesContainer').css('overflow', 'hidden');
// �� .slides � �� #slideInner
slides .wrapAll('<div id="slideInner"></div>')
.css({
'float' : 'left',
'width' : slideWidth
});

// �� #slideInner ��, ��
$('#slideInner').css('width', slideWidth * numberOfSlides);
$('#slideshow')
.prepend('<span class="control" id="leftControl">Clicking moves left</span>')
.append('<span class="control" id="rightControl">Clicking moves right</span>');
manageControls(currentPosition);
$('.control')
.bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
manageControls(currentPosition);
$('#slideInner').animate({
'marginLeft' : slideWidth*(-currentPosition)
});
});

function manageControls(position){
// ��
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// ��
if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }

}
});
</script>

�, ��, ��

<style type="text/css">



</style>

��: ��, �� , �� !

222

mybb@mybb.ru (��) — Fri, 21 Dec 2012 13:21:03 +0400

zzz

mybb@mybb.ru (hika) — Mon, 16 Aug 2010 17:40:06 +0400

147852

xxxxx

mybb@mybb.ru (hika) — Wed, 14 Jul 2010 10:38:34 +0400

xxx

xx

mybb@mybb.ru (hika) — Wed, 14 Jul 2010 10:38:14 +0400

��

mybb@mybb.ru (hika) — Tue, 06 Jul 2010 13:53:52 +0400

�� !

probnik

�������-�������

222

zzz

xxxxx

xx

�������� ���������

��-��

��