За последние 24 часа нас посетили 17839 программистов и 1704 робота. Сейчас ищут 969 программистов ...

в скрипте добавить отображение фона по кругу (джиквери)

Тема в разделе "JavaScript и AJAX", создана пользователем Russianmaniac, 29 дек 2010.

  1. Russianmaniac

    Russianmaniac Активный пользователь

    С нами с:
    29 дек 2010
    Сообщения:
    14
    Симпатии:
    0
    Скрипт нужен для того чтобы по клику на кнопки "фон div назад" и "фон div вперед" менять изображение фона . Смена идет в стиле CSS = .page_centr_23 .

    помогите пожалуйсто скрипт доделать так , чтобы изображения фона шли по кругу . А то щас после последнего фона '/img/fon/fon_img23.jpg', пустой белый фон , а хотелось чтобы было бы переход на '/img/fon/fon_img40.jpg' после последнего.

    Код (Text):
    1. <script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script>
    2.  
    3.  
    4. <script type="text/javascript">
    5.  
    6. $(function (){
    7. var images = [
    8.   '/img/fon/fon_img40.jpg',
    9.    '/img/fon/fon_img41.jpg',
    10.    '/img/fon/fon_img42.jpg',
    11.    '/img/fon/fon_img23.jpg',
    12.   ],
    13.  $page_centr_23 = $('.page_centr_23'),
    14.   imageIndex = 0;
    15. $('.image_change').click(function(){
    16.   if( $(this).attr('rel') == 'next' && imageIndex  < images.length ) {
    17.      $page_centr_23.css('background-image', 'url('+images[++imageIndex ]+')' )
    18.   }else if( $(this).attr('rel') == 'prev' && imageIndex  > 0 ){
    19.      $page_centr_23.css('background-image', 'url('+images[--imageIndex ]+')' )
    20.   }
    21.   return false;
    22. });
    23. })
    24.  
    25. </script>