Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.07.2009, 13:10
sergei
 
Сообщений: n/a

прокруткa изображений
Для дизайна главной страницы нужен javascript, который бы делал прокрутку фотографий (тупо картинки).
я нашол но незнаю как поставить


$(function() { var rollingDiv = $("#rolling1"); rollingDiv.rolling("down", 140, 110, 2); rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/ayjjsallNwc/default.jpg' width='130' height='100' alt='first item' border='0'/>"); rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/pe-MIDDfckw/default.jpg' width='130' height='100' alt='second item' border='0'/>"); rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/AyRIvX25vRQ/default.jpg' width='130' height='100' alt='third item' border='0'/>"); rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/GxplDa3M5Io/default.jpg' width='130' height='100' alt='fourth item' border='0'/>"); rollingDiv.bind("mouseover", function() { $("#rolling1").stopRolling(); }); rollingDiv.bind("mouseout", function() { $("#rolling1").resumeRolling(); }); var opacity = 0.6; $('img', rollingDiv.getRollingItems()).css("opacity", opacity); $('img', rollingDiv.getRollingItems()).hover( function() { $(this).animate({ width: "140", height: "110", opacity: 1 }, 500); }, function() { $(this).animate({ width: "130", height: "100", opacity: opacity }, 500); } ); rollingDiv.startRolling(50, 0, 50); });


спасибо
Ответить с цитированием
  #2 (permalink)  
Старый 24.07.2009, 13:12
sergei
 
Сообщений: n/a

$(function() { var rollingDiv = $("#rolling1"); rollingDiv.rolling("down", 140, 
110, 2); rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/ayjjsallNwc/default.jpg' 
width='130' height='100' alt='first item' border='0'/>"); 
rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/pe-MIDDfckw/default.jpg' width='130' height='100' alt='second item' border='0'/>");
 rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/AyRIvX25vRQ/default.jpg' width='130' height='100' alt='third item' border='0'/>"); 
rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/GxplDa3M5Io/default.jpg' width='130' height='100' alt='fourth item' border='0'/>"); 
rollingDiv.bind("mouseover", function() { $("#rolling1").stopRolling(); }); 
rollingDiv.bind("mouseout", function() { $("#rolling1").resumeRolling(); });
 var opacity = 0.6; $('img', rollingDiv.getRollingItems()).css("opacity", 
opacity); $('img', rollingDiv.getRollingItems()).hover( function() { 
$(this).animate({ width: "140", height: "110", opacity: 1 }, 500); }, 
function() { $(this).animate({ width: "130", height: "100", opacity: opacity },
 500); } ); rollingDiv.startRolling(50, 0, 50); });
Ответить с цитированием
  #3 (permalink)  
Старый 24.07.2009, 13:42
Аватар для HelpeR
Профессор
Отправить личное сообщение для HelpeR Посмотреть профиль Найти все сообщения от HelpeR
 
Регистрация: 21.10.2008
Сообщений: 241

все быстро и легко
http://fuzaylov.net/hr/HR_Blackout.rar
http://fuzaylov.net/hr/HR_PhotoLine.rar
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подгрузка изображений по клику CompModdd Общие вопросы Javascript 17 30.04.2009 02:39
Плагин для файрфокса - чтение изображений SunnyDay Общие вопросы Javascript 4 28.04.2009 17:30
onLoad до изображений в IE vasa_c Events/DOM/Window 2 28.04.2009 13:09
Скрипт показа уменьшеных изображений greatilya Ваши сайты и скрипты 4 07.04.2009 03:51
проблема со сменой изображений при наведение Jack Элементы интерфейса 0 19.03.2009 22:13