Как поместить свой URL в тег IMG (HTML)? - PullRequest
Новая
       10

Как поместить свой URL в тег IMG (HTML)?

0 голосов
/ 20 октября 2019

У меня есть веб-сайт, и я хочу, чтобы он вписывался в теги html img, чтобы тег img работал.

Например, открывающая скобка img src = "https://api.thecatapi.com/v1/images/search?format=src" закрывающая скобка - этострока, которая даст вам изображение кота.

Я попытался сделать нечто подобное, создав веб-сайт, который перенаправляет другой веб-сайт, на котором размещено одно изображение из списка, с помощью функции window.location.replace, однако, подключаямой сайт в src не режет его.

Какие функции / код я могу использовать, чтобы разрешить использование моего URL в тегах img?

Ответы [ 4 ]

0 голосов
/ 21 октября 2019

Очевидно, мне нужно перенаправление 302, чтобы URL был частью тегов img. Изменить: нашел мой ответ здесь Как я могу перенаправить мою домашнюю страницу на случайный URL через хостинг Firebase? . Это позволит мне использовать мою домашнюю страницу в тегах img.

0 голосов
/ 20 октября 2019

, если вы хотите встроить ссылку на изображение (кликабельное изображение): 

<a href="google.com">
  <img src="myImage.png" style="width:42px;height:42px;border:0;">
</a>

, если вы хотите отобразить изображение по ссылке 

<img src="https://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools.com">

Объяснено здесь: https://www.w3schools.com/html/html_images.asp

, если вы хотите открыть изображение в новой вкладке 

<a href="www.google.com" target="_blank">
  <img width="250" height="250" border="0" align="center"  src=""/> //image to show in the new window
</a>
0 голосов
/ 20 октября 2019
  • Вы имеете в виду, что: 
<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>

    <div>
        <img src="https://api.thecatapi.com/v1/images/search?format=src" alt="">
    </div>

</body>
</html>
0 голосов
/ 20 октября 2019

Не полностью понял вопрос, но window.location.replace не поможет вам отобразить или перенаправить, так как это объект окна в браузере, а location представляет состояние URL. Так что, если вы хотите отобразить изображение, которое вы получаете, перенаправляя, просто используйте атрибут href при размещении тега img в теге привязки (). Надеюсь, это поможет.

...