مشکل در عدم کارکرد گالری با jquery در browser های مختلف

[minaalamshahi]

با سلام

من برای ساخت یک slid show از روش زیر استفاده می کنم
مشکل اینجاست که در بعضی مرورگرها مثل فایرفاکس نه دکمه next و نه وسط چین شدن کار نمی کنه در IE
هم در بعضی از ورووژن ها جواب نمیده.




<script type="text/javascript">
$(document).ready(
function () {
try {

var timer = null;
var Url = "";
var Counter = 0;
jQuery.fn.center = function () {
var w = $(window);
this.css("position", "fixed");
this.css("top", w.height() / 2 - this.height() / 2 + "px");
this.css("left", w.width() / 2 - this.width() / 2 + "px");
return this;
}
$("#imagelayer").center();
$("#layer").center();
$("#BtnNext").click(function ()
{
GetImageNext();
})





function GetImageNext()
{ clearTimeout(timer);
//msg.d.split('@');
$("#ContentPlaceHolder1_SlidePhoto").css('display', 'block');
$("#BtnClose").css('display', 'block');
//// $("#layer").css('display', 'block');
$("#imagelayer").css('display', 'block');
$("#ContentPlaceHolder1_SlidePhoto").attr('src', array[counter]);
if (array.length == 0)
{ $("#next").css('display', 'none');
$("#pervius").css('display', 'none');
$("#Play").css('display', 'none');
} else { $("#next").css('display', 'block');
$("#Play").css('display', 'block');
$("#pervius").css('display', 'block');
} // var array = Url.split('@');
counter = counter + 1;
if (counter >= array.length)
counter = 0;
var photo = $("#ContentPlaceHolder1_SlidePhoto");
//Find the image control object
$('#ContentPlaceHolder1_SlidePhoto').stop().animat e({ opacity: '0' }, function () {
$(this).attr('src', array[counter] + '?' + Math.floor(Math.random() * (10 * 100))); }).load(function ()
{ $(this).stop().animate({ opacity: '1' });
}); }






<div id="imagelayer"
style="z-index: 4; display: none;"
align="center">
</div>
<div id="main" class="contentDivStyle" align="center" >
<img id="SlidePhoto"
style="border-style: ridge; border-width: 10px; height: 100%; width: 300px" src="" alt="" runat="server" />
<br />
<table>
<tr>

<td id="next">
<img id="BtnNext" alt="بعد" title="بعد" src="../../DirPic/Gallery/forward1.png" width="30"/></td>
<td id="Play">
<img id="BtnPlay" alt="پخش" title="پخش" src="../../DirPic/Gallery/play.png" width="30"/>
</td>
<td id="pervius">
<img id="BtnPerv" alt="قبل" title="قبل" src="../../DirPic/Gallery/backward1.png" width="30"/></td>
<td>
<img id="BtnClose" alt="بستن" title="بستن" width="30" src="../../DirPic/Gallery/pause.png" />
</td>
</tr>
</table>
</div>
</div>
</div>
<div id="layer" style="width: 100%; height: 100%;
background-color: Black; filter: alpha(opacity=80); opacity: 0.8; z-index: 3; display: none;" align="center">
</div>

[mrgraphy]

سلام دوست عزیز.
من هیچ اسلایدری تاحالا ندیدم که از table در ساختار خودش استفاده کرده باشه.
بهتره همه رو با div و css در بیاری اینطوری کمتر به مشکل میخوری
موفق باشی.