Desplazamiento del sitio por un slider

[fedefrankk]

Hola "rw523252" .. encontre un slider, muy sencillo.. pero tengo un pequeño problema.

hice una web con botones y cada boton habre y cierra un div..

el asunto que dentro del boton galeria aparece invisible hasta que yo precione sobre ese boton.

lo llamo de la siguiente manera.

Código Javascript:

var we4=document.getElementById('de4');
    we4.style.display='block';
 

aparece el div, aparecen los botones del slider, pero no las imagenes..

Código HTML:

<div class="de" id="de4" style="display:none"> <!--///////// NUESTRO ESPACIO  ///////// -->   
<div class="fondo"></div>
    <script type="text/javascript">
        $(document).ready(function(){    
            $("#slider").easySlider();
        });    
 
    </script>
 
<div id="container">
 
    <div id="content">
    
        <div id="slider">
            <ul>                
                <li><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /></a></li>
                <li><a href="http://templatica.com/preview/7"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
                <li><a href="http://templatica.com/preview/25"><img src="images/03.jpg" alt="Css Template Preview" /></a></li>
                <li><a href="http://templatica.com/preview/26"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
                <li><a href="http://templatica.com/preview/27"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>            
            </ul>
        </div>
            
</div>
</div>
 

el CSS

Código CSS:

#container{    
        margin:0 auto;
        position:relative;
        text-align:left;
        width:696px;
        background:#fff;        
        margin-bottom:2em;
        }    
    #header{
        height:80px;
        background:#5DC9E1;
        color:#fff;
        }                
    #content{
        position:relative;
        }            
 
/* Easy Slider */
 
    #slider{}    
    #slider ul, #slider li{
        margin:0;
        padding:0;
        list-style:none;
        }
    #slider li{ 
        /* 
            define width and height of list item (slide)
            entire slider area will adjust according to the parameters provided here
        */ 
        width:696px;
        height:241px;
        overflow:hidden; 
        }    
    #prevBtn, #nextBtn{ 
        display:block;
        width:30px;
        height:77px;
        position:absolute;
        left:-30px;
        top:71px;
        }    
    #nextBtn{ 
        left:696px;
        }                                                        
    #prevBtn a, #nextBtn a{  
        display:block;
        width:30px;
        height:77px;
        background:url(images/btn_prev.gif) no-repeat 0 0;    
        }    
    #nextBtn a{ 
        background:url(images/btn_next.gif) no-repeat 0 0;    
        }
 

Aclaro que las carpetas de las imagens estan bien, todo esta bien, si yo saco del div "<div class="de" id="de4" style="display:none">" le saco el estilo, si aparece la galeria, pero cuando pongo la web la galeria me aparece en el inicio tambien...

Espero que puedas darme una mano o aconsejarme....
Saludos y gracias.
Fede