Anclaje en Html

[jappier]

Hola a toda la comunidad!!
Me llamo Javi soy nuevo por aqui y tengo una duda sobre HTML a ver si me podéis ayudar.

Quiero usar el anclaje pero en vez de hacerlo con texto, que lo haga con imágenes, es decir, que cada link vaya a una determinada imágen dentro de la misma página.

Gracias por vuestro tiempo.

Saludos!

[pzin]

Pues enlazas con el identificador que le pongas a la imagen.

Código HTML:

<a href="#algo">Ver algo</a>
<img id="algo" src="algo.jpg">
 

[jappier]

Hola pzin, no me funciona, el enlace está dentro de una lista ordenada y la imágen también, es decir, tengo un "submenu" con 3 apartados y cada uno quiero que vaya directamente a una determinada imágen.

[PHPeros]

Da lo mismo que estén dentro de un submenú, tú solo tienes utilizar el ID de cada imagen para poder apuntarlas mediante el enlace.

Enlaces internos.

[jappier]

No sé que estoy haciedo mal... Pongo el código HTML

Código HTML:

<div style="position:absolute;">
	<ul id="gallery">
	      <li><img src="images/1.jpg" alt="" /></li>
              <li><img id="ancla" src="images/2.jpg"></li>
        </ul>
</div>

<div id="menu">
     <ul>
          <li class="nivel1" tabindex="2"><span class="nivel1">Productos</span>
		<ul>
		  	<li><a href="#ancla">Enlace ancla</a></li>
		</ul>
	</li>
      </ul>
</div> 

[pzin]

Si ese es todo el código entonces puede parecer que no funciona porque simplemente no hay scroll suficiente para que visualmente funciona. ¿A dónde va a ir el scroll si no hay?

[Carlangueitor]

Si funciona: http://codepen.io/anon/pen/dPmjov

[pzin]

Iniciado por Carlangueitor

Si funciona: http://codepen.io/anon/pen/dPmjov

En mi pantalla no.

(Sí funciona, haciendo más pequeño el navegador, no vayamos a liarla más xD)

[jappier]

Creo que lo he entendido, la galería la tengo a la misma altura que el menú, entonces como dice pzin, no hay desplazamiento. ¿Se puede hacer de otro modo?

[Carlangueitor]

¿Exactamente que quieres hacer? Si ya estás en el lugar que quieres, ¿a dónde quieres que te lleve?

[jappier]

Me gustaría que cada elemento del submenú vaya a una foto diferente de la galería. Por ejemplo si tengo 3 elementos de submenu tales como: lápiz, boli, pluma. Quisiera que al pinchar en lápiz vaya a la primera imágen de la galeria que será un lápiz, si pinchas en boli que vaya a la imágen de boli, pero dentro de la misma galería

[Carlangueitor]

A ver. Si ya están en el mismo lugar verticalmente, ¿que jodidos quieres hacer?

Si lo que quieres es una galería que muestre u oculte imágenes entonces no te has explicado bien y lo tendrás que hacer con Javascript.

Saludos!

[jappier]

Hola, pongo el código a ver si se ve algo más claro:
[URL="http://codepen.io/anon/pen/wBmRRW"[/URL]
Lo que quiero es que cuando se elija un producto, la primera imágen que abra sea la correspondiente a ese producto.

Saludos

[Carlangueitor]

Muchacho, es lo que te dije, eso nose puede hacer con anclas, es Javascript. Mejor usa algo ya hecho:

http://www.jssor.com/demos/image-gal...thumbnail.html

Saludos

[jappier]

Gracias Carlangueitor!! Buscaré en Javascript algo que se asimile a lo que quiero.

Saludos!!