簡單的jquery滑塊不會加載圖片與.show

我跟着一個教程到發球但我只是不能得到它的工作，它加載加載gif和隱藏其他圖像，但這個.show函數不做任何事情，我是否缺少什麼？簡單的jquery滑塊不會加載圖片與.show

<style type="text/css"> 
.slider{ 
width:800px; 
height:350px; 
overflow:hidden; 
margin:30px auto; 
background-image:url(img/load.gif); 
background-repeat:no-repeat; 
background-position:center; 
} 
.shadow{ 
background-image:url(img/shadow.png); 
background-repeat:no-repeat; 
background-position:top; 
width:864px; 
height:144px; 
margin:-60px auto; 
} 
.slider img{ 
width:800px; 
height:350px; 
display:none; 
} 
</style> 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery-ui/1.8.22/jquery-ui.min.js"></script> 
<script type="text/javascript"> 

function Slider(){ 
    $(".slider #1").show("fade",500); 
} 

</script> 
</head> 

<body onload="Slider();"> 
<div class="slider"> 
    <img id="1" src="img/image1.jpg" border="0" alt="Image 1"/> 
    <img id="2" src="img/image2.jpg" border="0" alt="Image 2"/> 
    <img id="3" src="img/image3.jpg" border="0" alt="Image 3"/> 
</div> 
<div class="shadow"> 
</div> 
</body>

來源

2012-08-02 user1571659

AFAIK一個ID屬性不能只是一個號碼（或以數字開頭），這也許是在HTML5改變。 – ninja 2012-08-02 14:43:50