Enlazar imagen principal a imagen PDF en página web

charly00 · 23 Oct 2021

Hola amigos mi consulta es se puede anclar una imagen en la página principal a una imagen en la página principal

Les detallo en la página principal hay una imagen que al pasar el cursor sobresalta la imagen y quiero que al pulsar sobre esa imagen vaya abajo de la página a otra imagen que es un PDF que está abierto por páginas
Es posible anclar imagen a imagen
Gracias un saludo

Frcruter · 23 Oct 2021

Solo ponlo dentro de un<a></a>, y en su href ponle el # + Id de la imagen

HTML:

<a href="#IdImgAbajo" class="tooltip">
 <img src="https://ak.picdn.net/shutterstock/videos/32981080/thumb/11.jpg" style="float:right;">
</a>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
<img id="IdImgAbajo" src="https://image.freepik.com/vector-gratis/diseno-fondo-geometrico-abstracto-colorido-creativo_1017-11511.jpg" style="float:right;">

Si es mas complejo que eso te recomiendo poner el html/css de tu codigo para que te ayuden mejor.

charly00 · 24 Oct 2021

Hola muchas gracias pero no lo entiendo cómo me dice, estoy editando con elementor.

charly00 · 24 Oct 2021

Frcruter dijo:

Solo ponlo dentro de un<a></a>, y en su href ponle el # + Id de la imagen

HTML:

<a href="#IdImgAbajo" class="tooltip">
 <img src="https://ak.picdn.net/shutterstock/videos/32981080/thumb/11.jpg" style="float:right;">
</a>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
  <span>--</span><br>
<img id="IdImgAbajo" src="https://image.freepik.com/vector-gratis/diseno-fondo-geometrico-abstracto-colorido-creativo_1017-11511.jpg" style="float:right;">

Si es mas complejo que eso te recomiendo poner el html/css de tu codigo para que te ayuden mejor.

solucionado muchas gracias

Enlazar imagen principal a imagen PDF en página web

charly00

Frcruter

charly00

charly00

Temas similares