как изменить изображение на определенную дату или время года

Question

Я помогаю жене и свекрови с сайта их магазинов. У меня есть своя собственная работа на полный рабочий день. Теперь моя проблема в том, что я не могу быть в сети все время меняя картинки для своего сайта. У меня вопрос (и я не знаю, с чего начать). Могу ли я изменить изображения на веб-сайте на другие изображения в папке без указания, на какую фотографию изменить. если это не сезонное изображение, которое я бы хотел изменить.

У меня есть две вещи, на первой странице есть три категории, которые я могу поворачивать по разным изображениям. Тогда я хотел бы перейти на разные праздники с разными картинками соответственно. Я мог бы иметь разные папки для каждой и иметь изображения в каждой и циклически проходить через них. Есть предложения по тегам? Мне жаль. Я довольно новичок в этом.

Мне нужно подождать, пока я действительно устану, пока мой мозг не поймет, чего я хочу. Итак, на сайте есть ювелирный магазин.

У меня есть три сетки с миниатюрами.

Первый - это кольцо. чтобы я мог создать папку и случайно выбрать файл в папке кольца.

и т. Д. Для остальных двух.

но в моем слайд-шоу я хотел бы изменить картинку с праздниками. День Святого Валентина, Рождество и т. д., вот что мне интересно, могу ли я выбрать определенный день, и тогда это изменит картину.

так что, когда я печатаю, я думаю, что это приходит ко мне. Я должен был бы сделать массив (как говорил адитья Пракаш) с событием для определенного дня, чтобы получить этот файл.

это звучит так, как это возможно? вроде как вы можете отправить текст в будущем. или автоматизированная система сообщений.

Answer 1

Создайте массив со всеми URL-адресами изображений, которые вы хотите использовать. например, HTML:

<img id="placeholder">

JS:

var imageUrls = [ 'http://placeholderURL/A', 
    'http://placeholderURL/B', // ... more 
    'http://placeholderURL/Z' ];

Тогда:

var img = document.getElementById('placeholder'); 
img.addEventListener("click", function() { this.src = imageUrls[Math.floor(Math.random() * imageUrls.length)]; });

Answer 2

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

let img_ring_images = [
  {
    date: "2019-10-03",
    url: "https://via.placeholder.com/150"
  },
    {
    date: "2019-10-04",
    url: "https://via.placeholder.com/150"
  },
    {
    date: "2019-10-05",
    url: "https://via.placeholder.com/150"
  }
];

//get today date & format to YYYY-MM-DD
var today = new Date();
today = today.toISOString().split('T')[0];

//check today date in ring image array
object = img_ring_images.find(o => Object.entries(o).find(([k, value]) => k === 'date' && value === today) !== undefined);

//if today date in array change image url
if(object != null){

  $("#ring_image").attr("src",object.url);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img id="ring_image" src="https://via.placeholder.com/200/607d8b/ffffff%20?Text=default%20img"/>