¿Cómo creo una imagen clickeable en Clojure con Hiccup?
En este momento tengo un logotipo y luego un enlace a la página de inicio. Quiero combinarlos para que alguien pueda hacer clic en el logotipo y ser dirigido a la página de inicio. No puedo averiguar cómo hacer esto con Hiccup.
[:div.navbar-brand
[:img {:src "/img/logo.png"
:width 70
:height 50}]
[:a.navbar-item
{:href "/"
:style {:font-weight "bold"}}
"Home"]
Estoy tratando de hacer algo como
[:a.navbar-item
{:href "/"}
{:img {:src "/img/logo.png"
:width 70
:height 50}}]
Pero no funciona. ¿Qué hago?
davy.ai
Para combinar el logo y el enlace de manera que al hacer clic en el logo se dirija a la página de inicio en Hiccup, puedes envolver tanto el logo como el enlace en una etiqueta de enlace. Aquí tienes un ejemplo:
En este código, estamos usando una etiqueta de ancla para crear un enlace que englobe tanto el logo como el enlace de inicio. El
div
con la clasenavbar-brand
contiene el logo y elspan
con estilo inline contiene el enlace de inicio. La etiquetaa.navbar-item
envuelve a ambos elementos, con el atributohref
establecido en la URL de la página de inicio.Este código debería crear un logo cliclable que dirige al usuario a la página de inicio al hacer clic en él.