具有可变图像源的网站

时间:2016-06-28 00:42:52

标签: javascript html css

所以,我正在努力建立一个网站,我可以在这里每天都有变化的图片。我需要帮助将图像源设置为变量imageurl。另外,使变量imageurl成为全局变量。

让我澄清一下,我希望它能将变量imageurl设置为由提示设置的链接,然后将图像设置为imageurl

<!DOCTYPE html>
<html>

<head>
    <div align="center">
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>picture of the day</title>
         <h1>Jere's picture of the day</h1>
        <link href="style.css" rel="stylesheet" type="text/css">
    </div>
</head>

<body>
    <style>
        div {
            background-color: #8000ff;
            color: #ffffff;
            padding: 20px;
        }
    </style>
    <script src="code.js" type="text/javascript" charset="utf-8"></script>

    <script>
        function myFunction() {
            isitjere = prompt("Password?");
            if (isitjere === "thedog")
                alert("password:" + isitjere + " " + "has been accepted");
            editimage = prompt("do you want to change the image?(type yes or no)");
            if (editimage === "yes")
                imageurl = prompt("paste the image url(if you dont have a url for it you can upload it and paste the upload link)");
        }
    </script>
    <button onclick="myFunction()">edit</button>
    <img src=imageurl>
    </div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

不知道你的意图是什么..但这里有一段代码片段:) (http://codepen.io/f7o/pen/VjpjOW

<head>

</head>

<body>
  <script>
    function myFunction() {
       var isitjere = prompt("Password?");
                if (isitjere === "thedog")
                    alert("password:" + isitjere + " " + "has been accepted");
                var editimage = prompt("do you want to change the image?(type yes or no)");
                if (editimage === "yes")
                    var imageurl = prompt("paste the image url(if you dont have a url for it you can upload it and paste the upload link)");
      console.log(imageurl);
    $("#pic").attr('src',imageurl);
    }
  </script>
  <button onclick="myFunction()">edit</button>

  <div align="center">
    <title>picture of the day</title>
    <h1>Jere's picture of the day</h1>
  </div>
  <img id="pic" src="https://www.google.com/images/nav_logo242.png">

</body>

</html>