عدم نشان دادن عکس ها در مرورگر
مشکل این کد چی که عکسها رو تو مرورگر نشون نمی ده؟!
<html>
<head>
<style>
#slides img
{
width :400px;
height :300px;
display :none;
}
#slides img :first-child
{
display : inline ;
}
</style>
<script>type="text/javascript"</script>
<script>
setInterval(function(){slides()},3000)
var index=0;
function slider()
{
var slides=document.getElementById('slides').getElementByTgName('img')
++index;
if(index==slides.length)
index=0;
if(index==0)
slides[slides.length-1].style.display='none';
else
slides[index-1].style.display="none"
slides[index].style.display="inline"
}
</script>
</head>
<body>
<div id="slides">
<img src="1.jpg"/>
<img src="2.jpg"/>
<img src="3.jpg"/>
<img src="4.jpg"/>
</body>
</html></body></html>
پاسخ‌ها
3
حاجی این کدها رو از کجا آوردی؟ حداقل اگر کدی رو کپی میکنید یه دور خودتون بخونیدش! مجبورتون که نکردند بیاید کدنویسی یاد بگیرید! نه کدهای HTML تون درست و حسابی نوشته شده نه کدهای javascript. تگ div بسته نشده و حداقل کاری که در javascript باید بکنید اینه ; رو در آخر کدهاتون قرار بدید. بفرمایید این هم ویرایش کدهای شما :
<html>
<head>
<style>
#slides img{
width :400px;
height :300px;
display :none;
}
#slides img:first-child{
display : inline ;
}
</style>
<script type="text/javascript">
setInterval(function(){slider();},3000);
var index=0;
function slider(){
var slides=document.getElementById('slides').getElementsByTagName('img');
if(index==slides.length)
index=0;
if(index==0){
slides[slides.length-1].style.display='none';
}else{
slides[index-1].style.display="none";
slides[index].style.display="inline";
}
index++;
}
</script>
</head>
<body>
<div id="slides">
<img src="1.jpg"/>
<img src="2.jpg"/>
<img src="3.jpg"/>
<img src="4.jpg"/>
</div>
</body>
</html>
کدهاتون مشکل زیاد داشت. حوصله نداشتم همه ش رو تایپ کنم و بنویسم. پیشنهاد میکنم به صورت اساسی برید و کدنویسی یاد بگیرید وگرنه بهتره که زیاد خودتون رو خسته نکنید.
گفتگوهای مرتبط
شاید پاسخ شما همین‌جا باشد
خیلی ممنونم زحمت کشیدید!
اینا رو ا ز یه فایل اموزشی کپی کردم زیاد هم اشکال نداشت فقط div نیسته بودم که اونو هم ندیده بودم و یکی دیگه فرمت بندیش با فرمت شما فرق داشت همین !
باز هم تشکر !