Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Помогите сделать (https://javascript.ru/forum/misc/61994-pomogite-sdelat.html)

47rus 19.03.2016 18:17

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

рони 19.03.2016 18:23

47rus,
начните хотябы, где код?

47rus 19.03.2016 19:46

<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);

рони 19.03.2016 20:08

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

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


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

рони 19.03.2016 20:11

47rus,
http://javascript.ru/forum/dom-windo...-vremya-4.html

47rus 19.03.2016 20:53

Цитата:

Сообщение от рони (Сообщение 411468)

Мне надо сделать так, чтобы при наведении указателя мыши менялось изображение

рони 19.03.2016 20:54

Цитата:

Сообщение от 47rus
Мне надо сделать так, чтобы при наведении указателя мыши менялось изображение

может вам не слайдер нужен, а hover?

47rus 19.03.2016 20:59

Наверно

47rus 19.03.2016 21:00

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


Часовой пояс GMT +3, время: 20:22.