Galeri Fotoğrafa Link Verme

15-03-2022, 01:32:31

Merhaba arkadaşlar, fotoğraf galerisi yapmaya çalışıyorum. Hazır bir şey buldum. Küçük fotoğraflara tıklayınca sağ tarafta değişiyor buraya kadar sorun yok. Fakat gelen fotoğraf adresini link olarakta atamak istiyorum üzerine tıklayınca büyük hali açılsın istiyorum. a href'e üstteki resmin src'sini nasıl alabilirim. Nasıl yapabilirim acaba.

<div class="gallery">
<div class="gallery-content">
<div class="chose-img">
<img class="shadow-sm" src="urunler/mary-3552.jpg" />
<img class="shadow-sm" src="urunler/mary-251.jpg" />
<img class="shadow-sm" src="urunler/mary-2170.jpg" />
<img class="shadow-sm" src="urunler/mary-3552.jpg" />
</div>
<div class="presentation">
<a href=""><img src="urunler/mary-3552.jpg" class="main-img shadow" /></a>
 </div>
</div>
</div>

let choseImgModel = document.querySelectorAll(".chose-img img");
let mainImg = document.querySelector(".gallery .main-img");

choseImgModel.forEach((img) =>
img.addEventListener("click", () => {
mainImg.src = img.src;
}) );

15-03-2022, 13:24:24

muratdemirkiran

Bu satırı eklemeyi dener misin?
document.querySelector(".presentation a").setAttribute("href", img.src );

let choseImgModel = document.querySelectorAll(".chose-img img");
let mainImg = document.querySelector(".gallery .main-img");
 
choseImgModel.forEach((img) =>
img.addEventListener("click", () => {
document.querySelector(".presentation a").setAttribute("href", img.src );
mainImg.src = img.src;
}) );