Вывод картинки по дням недели
Доброго времени суток! Подскажите, как вывести на экран картинку в определенный день недели? Допустим, у меня есть 7 картинок, которые должны меняться каждый день.
function getWeekDay(date) { var days = ['вс', 'пн', 'вт', 'ср', 'чт', 'пт', 'сб']; return days[date.getDay()]; } Я так понимаю, что надо объявить массив дней недели и прописать путь до картинок, но до ума не получается довести. Подскажите, пожалуйста |
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> </head> <body> <img src="" alt=""> <script> var img = document.querySelector('img'); var now = new Date(); var day = now.getDay(); if(day === 0) img.src = "0.jpg"; if(day === 1) img.src = "1.jpg"; if(day === 2) img.src = "2.jpg"; if(day === 3) img.src = "3.jpg"; if(day === 4) img.src = "4.jpg"; if(day === 5) img.src = "5.jpg"; if(day === 6) img.src = "6.jpg"; </script> </body> </html> </body> </html> |
0 - воскресенье
1 - понедельник 2 - вторник .... |
j0hnik,
:blink: img.src = day +".jpg"; |
Цитата:
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> </head> <body> <img src="" alt=""> <script> var img = document.querySelector('img'); var now = new Date(); var day = now.getDay(); img.src ="/путь к/ картинке/"+day+".jpg"; // имя файла должно быть 0.jpg // 1.jpg // ... </script> </body> </html> </body> </html> |
Мужики, спасибО!
|
Часовой пояс GMT +3, время: 10:37. |