Resim galerisi (divan) ile bir div dışarı swapping

Question

Şu anda sahip olduğum, tıklandığında, bir resim galerisi içeren bir div göstermek için gizlenen bir önizleme penceresi. Ancak, anında bir değişim ve pürüzsüz olmasını tercih ederim. Resim galerisi Smoothgallery. Div'u rahatça genişletmenin bir yolunu buldum ama bu galeriyi kırdı. Galeri Mootool'ları temel aldığından, bana resim galerisini movolollar kullanarak sağlam bir şekilde bırakırken bana bir pürüzsüz bir şekilde genişleyen bir yöntem gösterebilir mi?

<div id="initDiv"> 
    <?php if (has_thumbnail_image($post)) : ?> 
     <div onClick="HideDIV('initDiv');animatedcollapse.show('mainDiv');startGallery();"><?php echo thumbnail_image_overlay($post, 580); ?></div> 
    <? else: ?> 
     <img src='http://localhost:8888/Bionic/bionic-wordpress/bionic-dev/wp-content/themes/bionic/images/black.jpg'> 
    <?php endif; ?> 
</div> 

<div id="mainDiv" style="display:none;"> 
    <script type="text/javascript"> 
     function startGallery() { 
      var myGallery = new gallery($('myGallery'), { 
       timed: false, 
       defaultTransition: "fadeslideleft" 
      }); 
     } 
     //window.onDomReady(startGallery); 
    </script> 
    <div id="myGallery"> 
    <?php echo all_images($post); ?> 
    </div> 
</div> 

Herhangi bir yardım için teşekkür ederiz, teşekkürler.

DÜZENLEME

Ben kundakçı bu hatayı olsun galeri genişletmek

: element.getElements bir işlev (jd.gallery.js (hat 147)) değildir. Pürüzsüz genişlemeyi çıkardım ve gider.

İKİNCİ DÜZENLEME

ben genişletmek için hangi div göstermek için kullanın kodu:

<span onClick="HideDIV('initDiv');animatedcollapse.show('imgDiv');startGallery();><img></span> 

Answer 1

hata JS kütüphanesi değildir) (DIV (getElements içine kanca yüklemek olamayacağını gösterir bir HTML öğesinin standart bir işlevi). DIV'ye nasıl bir işaretçi geliyor? document.getElementById()? Yoksa JS kitaplığınızın öğe arama işlevini mi kullanıyorsunuz?