單擊圖像並打開一個新的瀏覽器選項卡

Question

我有以下代碼片段：

shinyUI(fluidPage(
  useShinyjs(),
  div(
    div(
      div(
        img(src="img_1.png", filetype="image/png", height="40px", width="120px", style="float: left;")
      ),
      div(
        img(src="img_2.png", filetype="image/png", height="40px", width="80px", style="float: right;")
      ),
      style='display: inline-block; width: 100%;'
    ),
    # rest of code
  )
  # rest of code
))

我想將鏈接鏈接到兩個圖像中的每一個，以便當用戶單擊圖像（例如img_1.png ）時，會打開一個帶有所選鏈接的新瀏覽器頁面。 例如，如果我單擊img_1.png ，它會在瀏覽器上打開一個新頁面並連接到站點"https://en.wikipedia.org/wiki/Main_Page" 。 怎么做到呢？

Answer 1

使用a()標簽。 如果要打開第二個選項卡，請添加target = "_blank" 。

shinyUI(fluidPage(
  useShinyjs(),
  div(
    div(
      div(
        a(href="https://en.wikipedia.org/wiki/Main_Page", img(src="img_1.png", filetype="image/png", height="40px", width="120px", style="float: left;"))
      ),
      div(
        a(href="https://en.wikipedia.org/wiki/Main_Page", img(src="img_2.png", filetype="image/png", height="40px", width="80px", style="float: right;"))
      ),
      style='display: inline-block; width: 100%;'
    ),
    # rest of code
  )
  # rest of code
))