onmouseover ve onmouseout aynı anda kullanma

25-05-2013, 12:30:33

Üyeliği durduruldu

konuyu yanlış yere açmışım taşırsanız sevinirim
bu kod slider yapımı için.aşağıda küçük resimler var üstün gelion yukarda cıkıyo ben üstüne gelinmesede değişmesini istiyorum. onmouse out ve yenibir fonkstiyon ekleyince kitlendi
index.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=utf-8" />
<title>Slayt</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/Js.js"/></script>

</head>

<body>

<div id="container">
  <div id="show_image">
    <img name="show_img" id="show_img" src="image/resim1.jpg" height="296" width="596"/>
  </div>
  
  <div id="select_img">
  
 	<div id="thumb1" class="thumb">
  <div id="thumbimg"><img  onmouseover="resimgoster('resim1.jpg');"onMouseOut="resimgoster2('resim1.jpg');" src="image/resim1.jpg" width="144" height="93" /></div>
  
  </div>
  
  <div id="thumb2" class="thumb">
  <div id="thumbimg"><img onmouseover="resimgoster('resim2.jpg');" onMouseOut="resimgoster2('resim2.jpg');"src="image/resim2.jpg" width="144" height="93"/></div>
  </div>
  
  <div id="thumb3" class="thumb">
  <div id="thumbimg"><img onmouseover="resimgoster('resim3.jpg'); "onMouseOut="resimgoster2('resim3.jpg');" src="image/resim3.jpg" width="144" height="93"/></div>
  </div>
  
  <div id="thumb4" class="thumb">
  <div id="thumbimg"><img onmouseover="resimgoster('resim4.jpg');"onMouseOut="resimgoster2('resim4.jpg');" src="image/resim4.jpg" width="144" height="93"/></div>
  </div>
  <div id="clear"></div>
  
  </div>
  
</div>

</body>
</html>

js.js

function resimgoster2(resim2) {
	
	var saniye=getSeconds();
	while(var saniye2==saniye+2){
	document.getElementById('show_img').src="image/"+resim2;
}}






function resimgoster(resim){
	
	document.getElementById('show_img').src="image/"+resim;
}

style.css buna bakmasanızda olur

#container {
	height: 400px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	background-color: #CCC;
}
#select_img {
	height: 100px;
	width: 600px;
	margin-top: 1px;
}
#select_img .thumb {
	margin: 1px;
	height: 94px;
	width: 144px;
	border: 2px solid #000;
	float:left;
}
#container #select_img #thumbimg {
	position: relative;

	z-index: 1;
	left: 0px;
	top: 0px;
}

#clear {
	clear: both;
}
#container #select_img .sayac {
	height: 30px;
	width: 30px;
	position: relative;
	z-index: 2;
	left: 100px;
	background-color: #000;
	line-height: 30px;
	color: #FFF;
	text-align: center;
	top: -95px;
	font-weight: bold;
	border-left:#FFFFFF solid 1px;
	border-right:#FFFFFF solid 1px;
	border-bottom:#FFFFFF solid 1px;
}

#show_image {
	height: 296px;
	width: 596px;
	border: 2px solid #000;
}

30-05-2013, 06:43:36

#2

anti236

Kimlik doğrulama veya yönetimden onay bekliyor.

Bütüjn divlerde onmouseout var hepsinin üstünde değilken hangisi gösterilecek. bunu ayırmamışsınız. en dıştaki dive uygulayın onmouseoutu ozman çalışır bence

<div id="select_img"> yani bu dive uygulayın