Açılan menü resmin arkasında kalıyor

18-10-2009, 17:02:57

Kimlik doğrulama veya yönetimden onay bekliyor.

<!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 type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<script type="text/javascript">

var mygallery=new fadeSlideShow({
	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
	dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
		["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
		["http://i30.tinypic.com/531q3n.jpg"],
		["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 500, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})

</script>

</head>

<body>

<div id="fadeshow1"></div>

<br />

</body>
</html>

Bu şekilde bir resim değiştirici kullanıyorum. Siteye kodu yerleştirdikten sonra açılır menüye gelince menü resmin arkasında kalıyor. (Firefox ve Chrome'da. IE'de sorun yok..) Bunu nasıl düzeltebilirim ? (Site adresi istemeyin lütfen)

fadeslideshow.js : RapidShare: 1-CLICK Web hosting - Easy Filehosting

18-10-2009, 17:38:04

#2

tmania

Kimlik doğrulama veya yönetimden onay bekliyor.

Birinicisi senin sorunun sanırım javascriptle yanlış bölüme konu açmışsın
İkincisi açılır menü derken ben kodlarda öyle birşey görmedim.
Üçüncüsü css div taktiği olarak dış çerçevenin positionuna relative verdikten sonra resim değiştiricinin divinin positinonuna da relative ver açılır menü divine absolute ver ve z-index değerine yüksek bir rakam ver.

Umarım işini görür.
18-10-2009, 17:41:56

#3

SLiM_BoY
Eklediğim kodlar resim değiştiricinin kodları.

Açılır menü CSS'i şu şekilde
```
div.menu_dropdown {
	border: 1px solid #CCCCCC; 
	border-top: none; 
	background: #FFFFFF; 
	position: absolute; 
	margin-top: 6px;
	margin-left: -20px;
	z-index: 99;
	width: auto; 
	white-space: nowrap; 
}
```
Açılır menüye relative verdiğimde tamamen bozuluyor menü.

Bu arada sorunu hallettim. Açılır menü z-index'ini arttırdım ve resim değiştiricinin position'larını relative yaptım, teşekkür ederim.