Форум

47rus · #1 (**permalink**) 19.03.2016, 18:17

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

рони · #2 (**permalink**) 19.03.2016, 18:23

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

47rus · #3 (**permalink**) 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);

рони · #4 (**permalink**) 19.03.2016, 20:08

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

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

[js]
... ваш код...
[/js]

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