مشكل با اسلايدر جاوا اسكريپت

reazah · تیر 92

من اين اسلايدر و نوشتم

اما ي مشكل با هاش دارم

اگر اين كدو بزارم

<style>

div img

{

display:none;

}

</style>

كل عكس ها سايت پاك ميشه و اسلايدر به خوبي نمايش داده ميشه اگر نزارم عكس هاي اسلايدر به سايز واقعي نمايش داده ميشه تا برسه يه اسلايدر

من مي خوام عكس ها به سايز واقعي نمايش داده نشه فقط اسلايدر باشه


<!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=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
var c= 0;
function showImage()
{
var arr= new Array();
arr[0]="post/family-300x224.jpg";
    arr[1]="post/group.jpg";
arr[2]="post/wheat.jpg";
arr[3]="post/the-third-day.jpg";
document.getElementById("slider").style.backgroundImage="url('"+arr[c]+"')";
c++;
if(c>3)
{
  c=0;
}
}
function timerImage()
{
setInterval("showImage();",1000);
}
</script>
</head>
<body onload="timerImage();">
<div>
<img src="post/family-300x224.jpg" />
<img src="post/group.jpg"/>
<img src="post/wheat.jpg"/>
<img src="post/the-third-day.jpg"/>
</div>
<style>
div img
{
  display:none;
}
</style>
<div id="slider" style="width:500px;height:300px;">
</body>
</html>

**Morteza** · تیر 92

به اسلایدر یک کلاس بدید

در استایل بجای div یک کلاس دیگه برای سایر عکسها بدید

reazah · تیر 92

چطوري ميتونيم براي اسلايدر دكمه بسازيم ؟

و وقتي كه روي دكمه اسلايدر موس مي بريم ي تصوير بند انگشتي ازش نشون بده در حالي كه كليك نمي كنيم

**Morteza** · تیر 92

اول باید بندانگشتی رو ایجاد و در اسلاید قرار بدید بعد display: none کنید

بعد براساس نود شماری(یا همون صف معمولی) وقتی موس آور می کنید display: block کنید

ورود

مشكل با اسلايدر جاوا اسكريپت

پست های پیشنهاد شده

reazah 255

لینک به ارسال

Morteza 34190

لینک به ارسال

reazah 255

لینک به ارسال

Morteza 34190

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها