Tengo una lista aquí cuando se hace clic en el elemento de la lista, la imagen respectiva debe aparecer dentro del aparte. Necesito la función para obtener img src (href="") e implementarla en img src. Esto es lo que tengo hasta ahora:
<aside> <img src="" alt="" id="image"> </aside> <div> <ul classes="test-images"> <li><a onclick="event.preventDefault()" href="images/1.jpg">1</a></li> <li><a onclick="event.preventDefault()" href="images/2.jpg">2</a></li> <li><a onclick="event.preventDefault()" href="images/3.jpg">3</a></li> <li><a onclick="event.preventDefault()" href="images/4.jpg">4</a></li> </ul> </div> <div> <ul classes="real-images"> <li><a onclick="event.preventDefault()" href="images/1.jpg">1</a></li> <li><a onclick="event.preventDefault()" href="images/2.jpg">2</a></li> <li><a onclick="event.preventDefault()" href="images/3.jpg">3</a></li> <li><a onclick="event.preventDefault()" href="images/4.jpg">4</a></li> </ul> </div> var changePic = evt => { var links = $("a"); for (var i = 0; i < links.length; i++) { $(evt.currentTarget) = links[i]; var image; document.getElementById('image').src = image; links.herf = image.src; } } $(document).ready(function(){ var aElements = $("a"); aElements.each(evt => { var image = $(evt.currentTarget).attr("href"); aElements.click(changePic); } });gracias por la ayuda
var changePic = evt => { var links = $("a"); for (var i = 0; i < links.length; i++) { $(evt.currentTarget) = links[i]; var image; document.getElementById('image').src = image; links.herf = image.src; } }Supongo que hay un error en este código:
Estoy pensando en var image; debe asignarse a la etiqueta de imagen, que debe ser image = document.getElementById('image')
links.herf = image.src; links es una lista de anclas.
Debería asignar el valor href del ancla a la imagen src, que debería ser image.src = links[i].href
Esto podría funcionar, ya que está usando jQuery
// Listen to anchor click $('a').click(function(e) { // assign tag to variable var link = $(this); // Set image source base on anchor href attribute $('#image').attr('src', link.href) })