Показать сообщение отдельно
  #1 (permalink)  
Старый 29.12.2010, 05:47
Новичок на форуме
Отправить личное сообщение для Russianmaniac Посмотреть профиль Найти все сообщения от Russianmaniac
 
Регистрация: 27.11.2010
Сообщений: 9

смена background-image по клику на кноп-впер,назад, смена при нажатии на вперед и наз
Нужна помощь в создании скрипта для смена background-image определенного DIV по клику на кнопки "фон div вперед" и "фон div назад", и по мере возможности так ,чтобы не загружать все картинки,чтобы они постепенно качались , чтобы экономить трафик.

стиль див на котором должно меняться фон -page_centr_23

Скрипт написать помогли, но не парвильно работает (
$(function (){
var images = [
   'img/fon/fon_img40.jpg',
   'img/fon/fon_img41.jpg',
   'img/fon/fon_img42.jpg',
   ],
   $page_centr_23 = $('.page_centr_23'),
   imageIndex = 0;
$('.image_change').click(function(){
   if( $(this).attr('rel') == 'next' && imageIndex  < images.length )
  
   
   {
       $page_centr_23.css('background-image', 'url('+'img/fon/fon_img40.jpg'[++imageIndex ]+')' )
   }else if( $(this).attr('rel') == 'prev' && imageIndex  > 0 ){
       $page_centr_23.css('background-image', 'url('+images[--imageIndex ]+')' )
   }
   return false;
})
})



а сами кнопки делал так -
<a href="#"><img  src="/img/js_view_photo.gif" alt="delete" border="0" class="image_change" rel="next" /></a>

Последний раз редактировалось Russianmaniac, 29.12.2010 в 17:51.
Ответить с цитированием