Jquery 照片库不在IE8中工作

我用pikachoose框架建立了一个照片库。然而，在IE 8中查看时，底部的缩略图不显示，我不知道为什么

链接至第页：

JavaScript:

<!-- Photo Gallery -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>
<link type="text/css" rel="stylesheet" media="only screen and (min-width: 880px)" href="slider/styles/styles.css">
<link type="text/css" rel="stylesheet" media="only screen and (min-width: 481px) and (max-width: 879px)" href="slider/styles/640.css">
<link type="text/css" rel="stylesheet" media="only screen and (max-width: 480px)" href="slider/styles/480.css">
<script type="text/javascript" src="slider/lib/jqueries.js"></script>
<script>
    var gal=jQuery;
    gal.noConflict();
    gal(document).ready(
        function (){
            gal("#lobby").PikaChoose({carousel:true});
            gal("#apartment-interiors").PikaChoose({carousel:true});
            gal("#penthouse").PikaChoose({carousel:true});
            gal("#roofdeck").PikaChoose({carousel:true});
            gal("#health-club").PikaChoose({carousel:true});
            gal("#garage").PikaChoose({carousel:true});
            gal("#galleria").PikaChoose({carousel:true});
            gal("#the-views").PikaChoose({carousel:true});
        });
</script>
<script>
function lobby()
{
  document.getElementById('gallery-lobby').style.height = 'auto';
  document.getElementById('gallery-apartment-interiors').style.height = '0px';
  document.getElementById('gallery-penthouse').style.height = '0px';
  document.getElementById('gallery-roofdeck').style.height = '0px';
  document.getElementById('gallery-health-club').style.height = '0px';
  document.getElementById('gallery-garage').style.height = '0px';
  document.getElementById('gallery-galleria').style.height = '0px';
  document.getElementById('gallery-the-views').style.height = '0px';
}
function apartmentinteriors()
{
  document.getElementById('gallery-lobby').style.height = '0px';
  document.getElementById('gallery-apartment-interiors').style.height = 'auto';
  document.getElementById('gallery-penthouse').style.height = '0px';
  document.getElementById('gallery-roofdeck').style.height = '0px';
  document.getElementById('gallery-health-club').style.height = '0px';
  document.getElementById('gallery-garage').style.height = '0px';
  document.getElementById('gallery-galleria').style.height = '0px';
  document.getElementById('gallery-the-views').style.height = '0px';
}
function penthouse()
{
  document.getElementById('gallery-lobby').style.height = '0px';
  document.getElementById('gallery-apartment-interiors').style.height = '0px';
  document.getElementById('gallery-penthouse').style.height = 'auto';
  document.getElementById('gallery-roofdeck').style.height = '0px';
  document.getElementById('gallery-health-club').style.height = '0px';
  document.getElementById('gallery-garage').style.height = '0px';
  document.getElementById('gallery-galleria').style.height = '0px';
  document.getElementById('gallery-the-views').style.height = '0px';
}
function roofdeck()
{
  document.getElementById('gallery-lobby').style.height = '0px';
  document.getElementById('gallery-apartment-interiors').style.height = '0px';
  document.getElementById('gallery-penthouse').style.height = '0px';
  document.getElementById('gallery-roofdeck').style.height = 'auto';
  document.getElementById('gallery-health-club').style.height = '0px';
  document.getElementById('gallery-garage').style.height = '0px';
  document.getElementById('gallery-galleria').style.height = '0px';
  document.getElementById('gallery-the-views').style.height = '0px';
}
function healthclub()
{
  document.getElementById('gallery-lobby').style.height = '0px';
  document.getElementById('gallery-apartment-interiors').style.height = '0px';
  document.getElementById('gallery-penthouse').style.height = '0px';
  document.getElementById('gallery-roofdeck').style.height = '0px';
  document.getElementById('gallery-health-club').style.height = 'auto';
  document.getElementById('gallery-garage').style.height = '0px';
  document.getElementById('gallery-galleria').style.height = '0px';
  document.getElementById('gallery-the-views').style.height = '0px';
}
function garage()
{
  document.getElementById('gallery-lobby').style.height = '0px';
  document.getElementById('gallery-apartment-interiors').style.height = '0px';
  document.getElementById('gallery-penthouse').style.height = '0px';
  document.getElementById('gallery-roofdeck').style.height = '0px';
  document.getElementById('gallery-health-club').style.height = '0px';
  document.getElementById('gallery-garage').style.height = 'auto';
  document.getElementById('gallery-galleria').style.height = '0px';
  document.getElementById('gallery-the-views').style.height = '0px';
}
function galleria()
{
  document.getElementById('gallery-lobby').style.height = '0px';
  document.getElementById('gallery-apartment-interiors').style.height = '0px';
  document.getElementById('gallery-penthouse').style.height = '0px';
  document.getElementById('gallery-roofdeck').style.height = '0px';
  document.getElementById('gallery-health-club').style.height = '0px';
  document.getElementById('gallery-garage').style.height = '0px';
  document.getElementById('gallery-galleria').style.height = 'auto';
  document.getElementById('gallery-the-views').style.height = '0px';
}
function theviews()
{
  document.getElementById('gallery-lobby').style.height = '0px';
  document.getElementById('gallery-apartment-interiors').style.height = '0px';
  document.getElementById('gallery-penthouse').style.height = '0px';
  document.getElementById('gallery-roofdeck').style.height = '0px';
  document.getElementById('gallery-health-club').style.height = '0px';
  document.getElementById('gallery-garage').style.height = '0px';
  document.getElementById('gallery-galleria').style.height = '0px';
  document.getElementById('gallery-the-views').style.height = 'auto';
}
</script>
<!-- Photo Gallery -->

var-gal=jQuery；
gal.noConflict（）；
gal（文件）。准备好了吗(
函数（）{
gal（“大厅”）.PikaChoose（{carousel:true}）；
gal（“公寓内部”）.PikaChoose（{carousel:true}）；
gal（“顶层公寓”）.PikaChoose（{carousel:true}）；
gal（“屋顶甲板”）.PikaChoose（{carousel:true}）；
gal（“健康俱乐部”）.PikaChoose（{carousel:true}）；
gal（“车库”）.PikaChoose（{carousel:true}）；
gal（“galleria”）.PikaChoose（{carousel:true}）；
gal（“视图”）.PikaChoose（{carousel:true}）；
});
功能厅（）
{
document.getElementById（'gallery-lobby'）。style.height='auto'；
document.getElementById（'gallery-partment-interiors'）。style.height='0px'；
document.getElementById（'gallery-penthouse'）。style.height='0px'；
document.getElementById（'gallery-Rootdeck'）。style.height='0px'；
document.getElementById（'gallery-health-club'）。style.height='0px'；
document.getElementById（'gallery-garage'）。style.height='0px'；
document.getElementById（'gallery-galleria'）。style.height='0px'；
document.getElementById（'gallery-the-views'）。style.height='0px'；
}
功能公寓内部（）
{
document.getElementById（'gallery-lobby'）。style.height='0px'；
document.getElementById（'gallery-partment-interiors'）。style.height='auto'；
document.getElementById（'gallery-penthouse'）。style.height='0px'；
document.getElementById（'gallery-Rootdeck'）。style.height='0px'；
document.getElementById（'gallery-health-club'）。style.height='0px'；
document.getElementById（'gallery-garage'）。style.height='0px'；
document.getElementById（'gallery-galleria'）。style.height='0px'；
document.getElementById（'gallery-the-views'）。style.height='0px'；
}
功能阁楼（）
{
document.getElementById（'gallery-lobby'）。style.height='0px'；
document.getElementById（'gallery-partment-interiors'）。style.height='0px'；
document.getElementById（'gallery-penthouse'）。style.height='auto'；
document.getElementById（'gallery-Rootdeck'）。style.height='0px'；
document.getElementById（'gallery-health-club'）。style.height='0px'；
document.getElementById（'gallery-garage'）。style.height='0px'；
document.getElementById（'gallery-galleria'）。style.height='0px'；
document.getElementById（'gallery-the-views'）。style.height='0px'；
}
功能天台（）
{
document.getElementById（'gallery-lobby'）。style.height='0px'；
document.getElementById（'gallery-partment-interiors'）。style.height='0px'；
document.getElementById（'gallery-penthouse'）。style.height='0px'；
document.getElementById（'gallery-Rootdeck'）。style.height='auto'；
document.getElementById（'gallery-health-club'）。style.height='0px'；
document.getElementById（'gallery-garage'）。style.height='0px'；
document.getElementById（'gallery-galleria'）。style.height='0px'；
document.getElementById（'gallery-the-views'）。style.height='0px'；
}
功能健康俱乐部（）
{
document.getElementById（'gallery-lobby'）。style.height='0px'；
document.getElementById（'gallery-partment-interiors'）。style.height='0px'；
document.getElementById（'gallery-penthouse'）。style.height='0px'；
document.getElementById（'gallery-Rootdeck'）。style.height='0px'；
document.getElementById（'gallery-health-club'）。style.height='auto'；
document.getElementById（'gallery-garage'）。style.height='0px'；
document.getElementById（'gallery-galleria'）。style.height='0px'；
document.getElementById（'gallery-the-views'）。style.height='0px'；
}
功能车库（）
{
document.getElementById（'gallery-lobby'）。style.height='0px'；
document.getElementById（'gallery-partment-interiors'）。style.height='0px'；
document.getElementById（'gallery-penthouse'）。style.height='0px'；
document.getElementById（'gallery-Rootdeck'）。style.height='0px'；
document.getElementById（'gallery-health-club'）。style.height='0px'；
document.getElementById（'gallery-garage'）。style.height='auto'；
document.getElementById（'gallery-galleria'）。style.height='0px'；
document.getElementById（'gallery-the-views'）。style.height='0px'；
}
功能画廊（）
{
document.getElementById（'gallery-lobby'）。style.height='0px'；
document.getElementById（'gallery-partment-interiors'）。style.height='0px'；
document.getElementById（'gallery-penthouse'）。style.height='0px'；
document.getElementById（'gallery-Rootdeck'）。style.height='0px'；
document.getElementById（'gallery-health-club'）。style.height='0px'；
document.getElementById（'gallery-garage'）。style.height='0px'；
document.getElementById（'gallery-galleria'）。style.height='auto'；
document.getElementById（'gallery-the-views'）。style.height='0px'；
}
函数theviews（）
{
document.getElementById（'gallery-lobby'）。style.height='0px'；
document.getElementById（'gallery-partment-interiors'）。style.height='0px'；
document.getElementById（'gallery-penthouse'）。style.height='0px'；
document.getElementById（'gallery-Rootdeck'）。style.height='0px'；
document.getElementById（'gallery-health-club'）。style.height='0px'；
document.getElementById（'gallery-garage'）。style.height='0px'；
document.getElementById（'gallery-galleria'）。style.height='0px'；
document.getElementById（'gallery-the-views'）。style.height='auto'；
}

HTML:

<div class="general-bg">

    <div class="content-bg no-margin-top no-padding-top">

        <div class="content">

            <div id="gallery-lobby" style="height:auto; overflow:hidden;">
                <ul id="lobby">
                    <li><a href="#"><img src="images/gallery/lobby/1.jpg" width="1000" height="600" alt="Photo 1"></a></li>
                    <li><a href="#"><img src="images/gallery/lobby/2.jpg" width="1000" height="600" alt="Photo 2"></a></li>
                    <li><a href="#"><img src="images/gallery/lobby/3.jpg" width="1000" height="600" alt="Photo 3"></a></li>
                </ul>
            </div>

            <div id="gallery-apartment-interiors" style="height:0px; overflow:hidden;">
                <ul id="apartment-interiors">
                    <li><a href="#"><img src="images/gallery/apartment-interiors/1.jpg" width="1000" height="600" alt="Photo 1"></a></li>
                    <li><a href="#"><img src="images/gallery/apartment-interiors/2.jpg" width="1000" height="600" alt="Photo 2"></a></li>
                    <li><a href="#"><img src="images/gallery/apartment-interiors/3.jpg" width="1000" height="600" alt="Photo 3"></a></li>
                    <li><a href="#"><img src="images/gallery/apartment-interiors/4.jpg" width="1000" height="600" alt="Photo 4"></a></li>
                    <li><a href="#"><img src="images/gallery/apartment-interiors/5.jpg" width="1000" height="600" alt="Photo 5"></a></li>
                    <li><a href="#"><img src="images/gallery/apartment-interiors/6.jpg" width="1000" height="600" alt="Photo 6"></a></li>
                    <li><a href="#"><img src="images/gallery/apartment-interiors/7.jpg" width="1000" height="600" alt="Photo 7"></a></li>
                    <li><a href="#"><img src="images/gallery/apartment-interiors/8.jpg" width="1000" height="600" alt="Photo 8"></a></li>
                    <li><a href="#"><img src="images/gallery/apartment-interiors/9.jpg" width="1000" height="600" alt="Photo 9"></a></li>
                    <li><a href="#"><img src="images/gallery/apartment-interiors/10.jpg" width="1000" height="600" alt="Photo 10"></a></li>
                    <li><a href="#"><img src="images/gallery/apartment-interiors/11.jpg" width="1000" height="600" alt="Photo 11"></a></li>
                    <li><a href="#"><img src="images/gallery/apartment-interiors/12.jpg" width="1000" height="600" alt="Photo 12"></a></li>
                </ul>
            </div>

            <div id="gallery-penthouse" style="height:0px; overflow:hidden;">
                <ul id="penthouse">
                    <li><a href="#"><img src="images/gallery/penthouse/1.jpg" width="1000" height="600" alt="Photo 1"></a></li>
                    <li><a href="#"><img src="images/gallery/penthouse/2.jpg" width="1000" height="600" alt="Photo 2"></a></li>
                    <li><a href="#"><img src="images/gallery/penthouse/3.jpg" width="1000" height="600" alt="Photo 3"></a></li>
                </ul>
            </div>

            <div id="gallery-roofdeck" style="height:0px; overflow:hidden;">
                <ul id="roofdeck">
                    <li><a href="#"><img src="images/gallery/roofdeck/1.jpg" width="1000" height="600" alt="Photo 1"></a></li>
                    <li><a href="#"><img src="images/gallery/roofdeck/2.jpg" width="1000" height="600" alt="Photo 2"></a></li>
                    <li><a href="#"><img src="images/gallery/roofdeck/3.jpg" width="1000" height="600" alt="Photo 3"></a></li>
                    <li><a href="#"><img src="images/gallery/roofdeck/4.jpg" width="1000" height="600" alt="Photo 4"></a></li>
                    <li><a href="#"><img src="images/gallery/roofdeck/5.jpg" width="1000" height="600" alt="Photo 5"></a></li>
                    <li><a href="#"><img src="images/gallery/roofdeck/6.jpg" width="1000" height="600" alt="Photo 6"></a></li>
                    <li><a href="#"><img src="images/gallery/roofdeck/7.jpg" width="1000" height="600" alt="Photo 7"></a></li>
                </ul>
            </div>

            <div id="gallery-health-club" style="height:0px; overflow:hidden;">
                <ul id="health-club">
                    <li><a href="#"><img src="images/gallery/health-club/1.jpg" width="1000" height="600" alt="Photo 1"></a></li>
                    <li><a href="#"><img src="images/gallery/health-club/2.jpg" width="1000" height="600" alt="Photo 2"></a></li>
                    <li><a href="#"><img src="images/gallery/health-club/3.jpg" width="1000" height="600" alt="Photo 3"></a></li>
                    <li><a href="#"><img src="images/gallery/health-club/4.jpg" width="1000" height="600" alt="Photo 4"></a></li>
                </ul>
            </div>

            <div id="gallery-garage" style="height:0px; overflow:hidden;">
                <ul id="garage">
                    <li><a href="#"><img src="images/gallery/garage/1.jpg" width="1000" height="600" alt="Photo 1"></a></li>
                    <li><a href="#"><img src="images/gallery/garage/2.jpg" width="1000" height="600" alt="Photo 2"></a></li>
                    <li><a href="#"><img src="images/gallery/garage/3.jpg" width="1000" height="600" alt="Photo 3"></a></li>
                    <li><a href="#"><img src="images/gallery/garage/4.jpg" width="1000" height="600" alt="Photo 4"></a></li>
                    <li><a href="#"><img src="images/gallery/garage/5.jpg" width="1000" height="600" alt="Photo 5"></a></li>
                </ul>
            </div>

            <div id="gallery-galleria" style="height:0px; overflow:hidden;">
                <ul id="galleria">
                    <li><a href="#"><img src="images/gallery/galleria/1.jpg" width="1000" height="600" alt="Photo 1"></a></li>
                    <li><a href="#"><img src="images/gallery/galleria/2.jpg" width="1000" height="600" alt="Photo 2"></a></li>
                    <li><a href="#"><img src="images/gallery/galleria/3.jpg" width="1000" height="600" alt="Photo 3"></a></li>
                </ul>
            </div>

            <div id="gallery-the-views" style="height:0px; overflow:hidden;">
                <ul id="the-views">
                    <li><a href="#"><img src="images/gallery/the-views/1.jpg" width="1000" height="600" alt="Photo 1"></a></li>
                    <li><a href="#"><img src="images/gallery/the-views/2.jpg" width="1000" height="600" alt="Photo 2"></a></li>
                    <li><a href="#"><img src="images/gallery/the-views/3.jpg" width="1000" height="600" alt="Photo 3"></a></li>
                    <li><a href="#"><img src="images/gallery/the-views/4.jpg" width="1000" height="600" alt="Photo 4"></a></li>
                    <li><a href="#"><img src="images/gallery/the-views/5.jpg" width="1000" height="600" alt="Photo 5"></a></li>
                    <li><a href="#"><img src="images/gallery/the-views/6.jpg" width="1000" height="600" alt="Photo 6"></a></li>
                </ul>
            </div>

            <br>

            <p align="center"><span class="galnav-show"><a onClick="lobby()" href="#">Lobby</a></span><span class="galnav-hide">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="galnav-show"><a onClick="apartmentinteriors()" href="#">Apartment Interiors</a></span><span class="galnav-hide">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="galnav-show"><a onClick="penthouse()" href="#">Penthouse</a></span><span class="galnav-hide">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="galnav-show"><a onClick="roofdeck()" href="#">Roofdeck</a></span><span class="galnav-hide">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="galnav-show"><a onClick="healthclub()" href="#">Health Club</a></span><span class="galnav-hide">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="galnav-show"><a onClick="garage()" href="#">Garage</a></span><span class="galnav-hide">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="galnav-show"><a onClick="galleria()" href="#">Galleria</a></span><span class="galnav-hide">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="galnav-show"><a onClick="theviews()" href="#">The Views</a></span></p>

        </div>

    </div>

</div>