mirja
4 سال پیش توسط mirja مطرح شد
3 پاسخ

عدم نشان دادن عکس ها در مرورگر

مشکل این کد چی که عکسها رو تو مرورگر نشون نمی ده؟!

<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>


ثبت پرسش جدید
profnami
تخصص : برنامه نویس
@nader.minaie 4 سال پیش مطرح شد
-2

حاجی این کدها رو از کجا آوردی؟ حداقل اگر کدی رو کپی میکنید یه دور خودتون بخونیدش! مجبورتون که نکردند بیاید کدنویسی یاد بگیرید! نه کدهای 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>

profnami
تخصص : برنامه نویس
@nader.minaie 4 سال پیش مطرح شد
0

کدهاتون مشکل زیاد داشت. حوصله نداشتم همه ش رو تایپ کنم و بنویسم. پیشنهاد میکنم به صورت اساسی برید و کدنویسی یاد بگیرید وگرنه بهتره که زیاد خودتون رو خسته نکنید.


mirja
@bazare94 4 سال پیش مطرح شد
0

خیلی ممنونم زحمت کشیدید!
اینا رو ا ز یه فایل اموزشی کپی کردم زیاد هم اشکال نداشت فقط div نیسته بودم که اونو هم ندیده بودم و یکی دیگه فرمت بندیش با فرمت شما فرق داشت همین !
باز هم تشکر !


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام