Hayrılı hafta sonları üstadlarım. Ben bir kod hakkında sizden yardım isteyeceğim...

Sitemin sağ ve sol kısımında specifyimage[0]= metodu ile reklam göstermek istiyorum. Her şeyi yapıyorum ama kodlar çakışıyor.

Sağ alanda kullandığım kod

Alıntı
<p style="text-align: center;"><img style="filter: progid:DXImageTransform.Microsoft.Stretch(stretchS tyle='PUSH');" src="sr/banner.jpg" alt="" width="300" height="1600" name="cube" align="left" border="0" /><script language="JavaScript1.1">
//Picture Cube slideshow - By Tony Foster III
//Modifications by JK
var specifyimage=new Array() //Your images / resimler

specifyimage[0]="/sr/menekse.jpg"
specifyimage[1]="/sr/jantes.jpg"
specifyimage[2]="/sr/turnalar.jpg"
specifyimage[3]="/sr/saydanlar.jpg"
specifyimage[4]="/sr/alp.jpg"
specifyimage[5]="/sr/mak.jpg"
var delay=6000 //3 seconds / 3 saniye bekleme

//Counter for array / syralamadaki ikinci resim
var count =0;

var cubeimage=new Array()
for (i=0;i<specifyimage.length;i++){
cubeimage[i]=new Image()
cubeimage[i].src=specifyimage[i]
}
function movecube(){
if (window.createPopup)
cube.filters[0].apply()
document.images.cube.src=cubeimage[count].src;
if (window.createPopup)
cube.filters[0].play()
count++;
if (count==cubeimage.length)
count=0;
setTimeout("movecube()",delay)
}
window.onload=new Function("setTimeout('movecube()',delay)")
</script>
ikince kodda aynı birtek reklam isimleri farklı. Fakat, sağ reklamı aktif yaptığımda sağ kısıma eklediğim tüm reklamlar çıkıyor. Sol tarafı aktif yaptığımda ise sol taraf sabit kalıyor ve burada hareket etmesi gereken reklamlar otomatik olarak sol tarafta gözüküyor. Sanırım 2 kodda aynı olduğu için çakışma oluyor. Bunu nasıl çözebilrim?


Düzenleme:

Konuyu kendi imkanlarımla çözdüm. Eğer benim gibi böyle bir olayda takılan olursa diye başka bir slider kodlarıyla çözüm yaptım. Diğer slider kodları ise şu şekilde:

Alıntı
<style>
#Sag .hcg-slide-container {
width: auto;
height: 1600px;
}
.hcg-slider {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
.hcg-slide-container {
max-width: 100%;
display: inline-block;
position: relative;
}
.hcg-slides {
display: none;
text-align: center;
overflow: hidden;
}
.hcg-slides img {
max-width: 100%;
max-height: 100%;
display: inline-block;
border-radius: 5px;
border: solid 1px #a0a0a0;
vertical-align: middle;
}
/************CSS Animation***********/

.animated {
animation-name: fadeIn;
animation-duration: 1s;
}
@keyframes fadeIn{
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
animation-name: fadeIn;
}


</style>

<div id="Sag" class="hcg-slider">
<div class="hcg-slide-container">
<div class="hcg-slider-body">
<a class="hcg-slides animated" style="display:block">
<span class="hcg-slide-number">1/5</span>
<img src="https://html-generator.com/uploads/images/2021/11/22/24892CWMTPOH_G7.jpg" alt="name">
<span class="hcg-slide-text">name</span>
</a>
</div>
</div>
</div>


<script>
(function(){
//If you want to include more images, add the link name and URL of the image in the array list below.
let images_list = [
{"url":"RESİM ADRESİ","name":"name","link":""},
{"url":"RESİM ADRESİ ","name":"name","link":""},
{"url":"RESİM ADRESİ ","name":"name","link":""},
{"url":"RESİM ADRESİ ","name":"name","link":""},
{"url":"RESİM ADRESİ ","name":"name","link":""},
{"url":"RESİM ADRESİ ","name":"name","link":""}
];

let slider_id = document.querySelector("#Sag");

// append all images
let dots_div = "";
let images_div = "";
for (let i = 0; i < images_list.length; i++) {
// if no link without href="" tag
let href = (images_list[i].link == "" ? "":' href="'+images_list[i].link+'"');
images_div += '<a'+href+' class="hcg-slides animated"'+(i === 0 ? ' style="display:block"':'')+'>'+
'<img src="'+images_list[i].url+'" alt="'+images_list[i].name+'">'+
'</a>';
}
slider_id.querySelector(".hcg-slider-body").innerHTML = images_div;
let slide_index = 0;

let images = slider_id.querySelectorAll(".hcg-slides");
function showSlides() {
if (slide_index > images.length-1) {
slide_index = 0;
}
if (slide_index < 0) {
slide_index = images.length-1;
}
for (let i = 0; i < images.length; i++) {
images[i].style.display = "none";
if (i == slide_index) {
images[i].style.display = "block";
}
}
}

setInterval(function(){
slide_index++;
showSlides();
}, 6000);

})();
</script>