Помогите сделать
Необходимо сделать на javaScript. Слайдшоу с заданным количеством изображений и временным интервалом их следования а также необходимо сделать смену изображения при наведении указателя мыши. Спасибо
|
47rus,
начните хотябы, где код? |
<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); |
47rus,
на форуме много слайдеров, посмотрите как они сделаны и Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
|
Цитата:
|
Цитата:
|
Наверно
|
Небходимо написать сценарий обработку события который обеспечивает смену изображения при наведении на него указателя мыши
|
Часовой пояс GMT +3, время: 17:14. |