CONFLITO ENTRE CODIGOS

[Rafael Felix 0]

Boa noite a todos!

Estou desenvolvendo um site, que na pagina "fotos" criei um Slider, porém não consigo fazer que a imagem seja carregada na DIV....

 

segue o código HTML dessa parte e de todos meus scripts externos.:

<div id="moldura" class="moldura" name="moldura"></div>
                    <input type="button" value="anterior"/>
                    <input type="button" value="proximo"/> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="js/anchor-animate.js" ></script>
<script src="js/jquery-3.2.1.slim.min.js" ></script>
<script  src="js/cont-cas.js"></script>
<script src="js/popper.min.js" ></script>
<script src="js/bootstrap.min.js" ></script>       
<script  src="js/contat-pass.js"></script>
<script src="js/jquery.mask.js"></script>
<script src="js/slider.js"></script>

sendo que, notei que quando deixava de importar o arquivo "cont-cas.js" o meu código funcionava, como se estivesse dando conflito entre eles.

 

Arquivo cont-cas.js (Contagem regressiva)

var aa = 2019; var mm = 07; var dd = 05; var hh = 23; var mi = 59; 
function setcountdown(theyear,themonth,theday,hour,minutes) { 
yr=theyear;mo=themonth;da=theday;h=hour;m=minutes; } 
setcountdown(aa,mm,dd,hh,mi);

var message_on_occasion="<div id=msgcomecou class=fonte>J&aacute Come&ccedil;ou!!</div>";

var countdownwidth='510px';

var countdownheight='200px';

var countdownbgcolor= "#data";


var hr= "<div id=hr class=fonte>";

var hrf= "</div>";

var minuto= "<div id=min class=fonte>";

var fminuto= "</div>";

var dseg= "<div id=seg class=fonte>";

var dsegf= "</div>";

var divg= "<div id=geral>";

var divgf= "</div>";

var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");

var crosscount=''; function start_countdown(){ if (document.layers) document.countdownnsmain.visibility="show"; else if (document.all||document.getElementById) crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie; countdown() } if (document.all||document.getElementById) document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>'); window.onload=start_countdown 
function countdown(){ 
    var today=new Date();
    var todayy=today.getYear(); if (todayy < 1000) todayy+=1900;
    var todaym=today.getMonth();
    var todayd=today.getDate();
    var todayh=today.getHours();
    var todaymin=today.getMinutes();
    var todaysec=today.getSeconds();
    var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec; futurestring=montharray[mo-1]+" "+da+", "+yr+" "+h+":"+m; dd=Date.parse(futurestring)-Date.parse(todaystring);
    dday=Math.floor(dd/(60*60*1000*24)*1); 
    dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
    dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
    dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
    
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){ if (document.layers){ document.countdownnsmain.document.countdownnssub.document.write (message_on_occasion); document.countdownnsmain.document.countdownnssub.document.close()} else if (document.all||document.getElementById) crosscount.innerHTML=message_on_occasion; return } else if (dday<=-1){ if (document.layers){ document.countdownnsmain.document.countdownnssub.document.write(opentags+"Occasion already passed! "+closetags); document.countdownnsmain.document.countdownnssub.document.close() } else if (document.all||document.getElementById) crosscount.innerHTML=opentags+"Enfim Casados S2"+closetags; return } else{ if (document.layers){ document.countdownnsmain.document.countdownnssub.document.write(dday+""+dhour+""+dmin+""+dsec+" "); document.countdownnsmain.document.countdownnssub.document.close(); } else if (document.all||document.getElementById) document.getElementById("dia").innerHTML= "<div class='quadrado-cont'>" +dday+ "<br>Dias"+"</div>";
document.getElementById("hora").innerHTML= "<div class='quadrado-cont'>" +dhour+ "<br>Hrs"+"</div>";
document.getElementById("mins").innerHTML= "<div class='quadrado-cont'>" +dmin+ "<br>Min"+"</div>"; 
document.getElementById("segs").innerHTML= "<div class='quadrado-cont'>" +dsec+ "<br>Seg"+"</div>";
} 
setTimeout("countdown()",1000) }

Arquivo slider.js 

 

function iniciaSlider(){
  max=6;
  min=1;
  carregaFoto("f1.jpg");

}

function carregaFoto(foto){
   document.getElementById('moldura').style.backgroundImage="URL("+foto+")";
}

 

 

Desculpem o tamanho do post, mas é pra tentar ser o mais claro possivel..rsrs

Já tentei usar o 'jQuery.noConflict' , ja vi se o JPG está no caminho correto (tanto que testei em um novo documento e funcionou normalmente)!

 

Preciso dessa ajuda pois preciso dos 2 arquivos JS funcionando!