PDA

View Full Version : سوال: نمایش عکسها در جاوا اسکریپت


ghahremani
سه شنبه 21 دی 1389, 00:05 صبح
با سلام خدمت دوستان
بنده می خواستم عکسهایی را پس از کلیک کردن دکمه nextیا privکند.یعنی عکسها را به جلو یا عقب ببرد.
بنده یک formایجاد کردم و در داخل این فرم buttonرا قرار داده ام و بیرون از فرم یک کنترل imageقرار داده ام تا اولین عکس نمایش داده شود.و هنگامی که کاربر دکمه nextرا کلیک کرد عکس های بعدی نمایش داده شوند.
در پائین کد html را قرار می دهم.در ضمن نام عکسها pic1,pic2,pic3می باشد که در پوشه جاری فایل htmlقرار دارد.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<script language="javascript1.5">
i=1;
a=1;
</script>
<form id="form1" name="form1" method="post" action="">

<label>
<input type="submit" name="Submit" value="next" onclick="document.images[0].src='pic'+i+'.jpg'; i++; if(i==3) i=1; a++;" />


</label>
<label></label>
</form>
<img src="pic1.jpg" width="408" height="270" />
</body>
</html>
من در این تالار searchکردم ولی نتوانستم چیزی را که می خواهم پیدا کنم.
لطفا اگر می شود کمک کنید
hossin.esm
سه شنبه 21 دی 1389, 10:12 صبح
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
var i=2;
function test(m)
{

if(m=='priv')
{
document.images[0].src='pic'+i+'.jpg'; i--; if(i==0) i=3;
}
else
{
document.images[0].src='pic'+i+'.jpg'; i++; if(i==4) i=1;
}
}
</script>
</head>
<body>
<button onclick="test('priv')">priv</button>
<button onclick="test('next')">next</button>
<div> </div>
<img src="pic1.jpg" id="image" width="408" height="270" />

</body>
</html>
hossin.esm
سه شنبه 21 دی 1389, 10:14 صبح
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
var i=2;
function test(m)
{

if(m=='priv')
{
document.images[0].src='pic'+i+'.jpg'; i--; if(i==0) i=3;
}
else
{
document.images[0].src='pic'+i+'.jpg'; i++; if(i==4) i=1;
}
}
</script>
</head>
<body>
<button onclick="test('priv')">priv</button>
<button onclick="test('next')">next</button>
<div> </div>
<img src="pic1.jpg" id="image" width="408" height="270" />

</body>
</html>