изображение, которое меняется в зависимости от ссылки (включите в js (как в php)) - PullRequest
1 голос
/ 24 марта 2019

У меня есть 3 идентичные страницы, только баннер меняется на 3 страницах в html, я хотел бы поместить в файл js эту часть кода, чтобы иметь только один вызов функции и что в моем js каждый раз, когда я нахожусь на такойстраницу, он называет меня правильным баннером.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body> 
        <img id="image0" src="page1" /> 
        <a href="eurasanté.html" onclick="changeImage(this);">TEXTE</a>
        <a href="euratech.html" onclick="changeImage(this);">TEXTE</a>
        <a href="index.html" onclick="changeImage(this);">TEXTE</a>   
</body>
<script src ="index.js"></script>
</html>

и Js

const page1 = index.html;
const page2 = euratech.html;
const page3 = eurasanté.html;
function changeImage(element)
{
  let changeUrl = element.getElementsByTagName("img").item(0);
  let img = changeUrl.getAttribute("src");
    if(img === page1)
    {
        img = "2BOA-305.jpg";
    }
    if(img === page2)
    {
        img = "574b5545444ea.jpg";
    }
    if(img === page3)
    {
        img = "e233b0f310e17d1d40f1d3d49cb7d5a1.jpg";
    }

  changeUrl.setAttribute("src", img);
}

У меня нет ничего, что бросает меня, я боюсь иметь ошибку: /

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...