$urunsor=$db->prepare("SELECT * FROM urun WHERE FIND_IN_SET($kategori_id, urun_kategori) > 0");
https://youtu.be/MQoXH9yNUyo?t=120
FIND_IN_SET kullanmalısın.
let choseImgModel = document.querySelectorAll(".chose-img img");
let mainImg = document.querySelector(".gallery .main-img");
let mainImgLink = document.querySelector(".gallery .presentation > a");
choseImgModel.forEach((img) =>
img.addEventListener("click", () => {
mainImg.src = img.src;
mainImgLink.href = img.src;
})
);
hazır bişeyler kullanmak istiyorsan https://swiperjs.com/demos bu işine yarayacaktır.
https://swiperjs.com/demos#thumbs-gallery
butonların classlarının hepsini myButton olarak değiştir ve attribute olarak data-iframe-id="myIframe5" gibi iframe in idsini gir Jquery kodunuda aşağıdaki gibi kullan
<iframe id="myIframe5" width="510" height="290" style="display: none;" src="" frameborder="0" allowfullscreen="autoplay" style="border: 1px solid black;"></iframe>
<img src="../img/videos/tanjant.webp" width="510" height="290" class="myButton" data-video-id="fB9-trYPzu4" data-iframe-id="myIframe5" style="width: 510px; height: 290px; object-fit: fill; border-radius: 5px;">
$(function(){
$(".myButton").on("click",function(){
$(this).hide();
$("#"+ $(this).data('iframe-id')).attr("src",`https://www.youtube.com/embed/${$(this).data("video-id")}`).show();
})
});
buttonlara aynı class ı verip ve data attribute ü olarak iframe in idsini girerek aşağıdaki gibi tek 1 kod ile birden fazla iframe ve button u çalıştırabilirsin.
eğer iframeler aynı yerdeyse sadece görünürlüğünü değiştirerek işlem yapıyorsan tüm videoları aynı iframe ile kullanabilirsin.
<button class="myButton" data-video-id="8A7RWDgkXgg">
Video 1
</button>
<button class="myButton" data-video-id="pl8W3ypHmbk">
Video 2
</button>
<iframe id="myIframe" ></iframe>
$(function(){
$(".myButton").on("click",function(){
$(this).hide();
$("#myIframe").attr("src",`https://www.youtube.com/embed/${$(this).data("video-id")}`).show();
})
});
aşağıdaki gibi dene
parseInt(document.getElementById("hisse" + i).innerText)
echo $_SERVER["REQUEST_URI"].PHP_EOL;
echo $_SERVER["PHP_SELF"].PHP_EOL;
echo $_SERVER["SCRIPT_NAME"].PHP_EOL;
let ws3 = new WebSocket('wss://nc.ciner.com.tr/sub/dot');
let ALTIN = document.getElementById('altinfiyat');
ws3.addEventListener('message', function(event){
let stockObject = JSON.parse(event.data);
if(stockObject.SecuritySlug == "altin-tl-gr"){
ALTIN.innerHTML = stockObject.LastPrice;
}
})
şöyle bir örnek buldum
https://codepen.io/t_afif/pen/jOMZwLa
https://dev.to/afif/css-shapes-with-rounded-corners-56h