Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.03.2016, 18:17
Новичок на форуме
Отправить личное сообщение для 47rus Посмотреть профиль Найти все сообщения от 47rus
 
Регистрация: 19.03.2016
Сообщений: 6

Помогите сделать
Необходимо сделать на javaScript. Слайдшоу с заданным количеством изображений и временным интервалом их следования а также необходимо сделать смену изображения при наведении указателя мыши. Спасибо
Ответить с цитированием
  #2 (permalink)  
Старый 19.03.2016, 18:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

47rus,
начните хотябы, где код?
Ответить с цитированием
  #3 (permalink)  
Старый 19.03.2016, 19:46
Новичок на форуме
Отправить личное сообщение для 47rus Посмотреть профиль Найти все сообщения от 47rus
 
Регистрация: 19.03.2016
Сообщений: 6

<img src='project_1.jpg' width="337" height="200" id="img_1">
<img src='project.jpg' width="335" height="200" id="img_2">
<img src='project_2.jpg' width="330" height="200" id="img_3">




var image_count = 3;
var interval = 3000;
var time_out = 25;
var i = 0;
var timeout;
var opacity = 100;

function change_image() {
opacity--;
var j = i + 1;
var current_image = 'img_' + i;
if (i == image_count) j = 1;
var next_image = 'img_' + j;
document.getElementById(current_image).style.opaci ty=opacity/100;
document.getElementById(current_image).style.filte r='alpha(opacity='+opacity+')';
document.getElementById(next_image).style.opacity= (100-opacity)/100;
document.getElementById(next_image).style.filter=' alpha(opacity='+(100-opacity)+')';
timeout = setTimeout("change_image()", time_out);
if (opacity==1) {
opacity = 100;
clearTimeout(timeout);
}
}

setInterval (function() {i++; if (i>image_count) i=1; change_image();}, interval);
Ответить с цитированием
  #4 (permalink)  
Старый 19.03.2016, 20:08
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

47rus,
на форуме много слайдеров, посмотрите как они сделаны и Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #5 (permalink)  
Старый 19.03.2016, 20:11
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

47rus,
Автоматическая смена картинок через заданное время
Ответить с цитированием
  #6 (permalink)  
Старый 19.03.2016, 20:53
Новичок на форуме
Отправить личное сообщение для 47rus Посмотреть профиль Найти все сообщения от 47rus
 
Регистрация: 19.03.2016
Сообщений: 6

Сообщение от рони Посмотреть сообщение
47rus,
Автоматическая смена картинок через заданное время
Мне надо сделать так, чтобы при наведении указателя мыши менялось изображение
Ответить с цитированием
  #7 (permalink)  
Старый 19.03.2016, 20:54
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от 47rus
Мне надо сделать так, чтобы при наведении указателя мыши менялось изображение
может вам не слайдер нужен, а hover?
Ответить с цитированием
  #8 (permalink)  
Старый 19.03.2016, 20:59
Новичок на форуме
Отправить личное сообщение для 47rus Посмотреть профиль Найти все сообщения от 47rus
 
Регистрация: 19.03.2016
Сообщений: 6

Наверно
Ответить с цитированием
  #9 (permalink)  
Старый 19.03.2016, 21:00
Новичок на форуме
Отправить личное сообщение для 47rus Посмотреть профиль Найти все сообщения от 47rus
 
Регистрация: 19.03.2016
Сообщений: 6

Небходимо написать сценарий обработку события который обеспечивает смену изображения при наведении на него указателя мыши
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите сделать кнопки: Назад, вперед icehummer Элементы интерфейса 0 20.05.2014 07:47
Обработка перетаскивания как нажатие. Помогите сделать aqwerty Элементы интерфейса 7 08.09.2011 14:51
Помогите сделать список из выборки shaltay jQuery 15 03.04.2011 17:54
Гуру ! помогите сделать начало слайдшоу c рандомной картинки Nekojiru Общие вопросы Javascript 0 22.07.2009 19:28
помогите сделать начало слайдшоу c рандомной картинки Nekojiru Ваши сайты и скрипты 0 20.07.2009 19:50