issue with lightbox + easing plugin

issue with lightbox + easing plugin

Hello,
I've a issue using jquery lightbox plugin and a menu with easing plugin.

In my console i dont have any errors so i think that all my plugins installed works. The issue is about how its work.
I need showing my menù with a jquery easing effect (like a carousel) and my gallery's immage with a lightbox effect but, when i have the both plugin activated all my sites work ONLY with the easing effect. My menù work well with the easing effect but also if i click for opening an immage on my gallery it show up with the easing effect.
If i deactivate the easing plugin script i can show immages with the lightbox effect but the menu not work anymore in easing mode.



This is my codes:
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  
  2. <script type='text/javascript' src='../js/queryLoader.js'></script>
  3. <script type="text/javascript" src="../js/lb/jquery.lightbox-0.5.js"></script>
  4. <script type="text/javascript" src="../js/menu/jquery.easing.1.3.js"></script>
  5. <script type="text/javascript" src="../js/menu/script.js"></script>

  7. <!-- jQuery lightBox plugin -->
  8. <script type="text/javascript">
  9.  $(document).ready(function() {
  10.     $('.sub-menu').css("display","none");
  11.    $(function() {
  12.     $('#gallery a').lightBox({fixedNavigation:true});
  13. });
  14.  });
  15. </script>

script.js for easing plugin:
  1. $(document).ready(function(){
  2.     $.easing.def = "easeOutBounce";
  3.     $('li.titolo a').click(function(e){
  4.         var subMenu = $(this).parent().next();
  5.         $('.sub-menu').not(subMenu).slideUp('slow');
  6.         subMenu.stop(false,true).slideToggle('slow');
  7.         e.preventDefault();
  8.     })  
  9. });

MENU:
  1. <ul class="container">
    <li class="menu">          

  2.       <ul>
  3.             <li class="titolo"><a href="#" class="green">Menu</a></li>
  4.  
  5.             <li class="sub-menu">
  6.                 <ul>
  7.                     <li><a href="../index.html">Home</a></li>
  8.                     <li><a href="../chisiamo.html">Chi Siamo</a></li>
  9.                     <li><a href="../servizi.html">I Nostri Servizi</a></li>
  10.                 </ul>
  11.             </li>
  12.           </ul> 
  13.       </li>
  14. etc...
  15. </ul>

GALLERY:
  1. <div id="gallery">
  2.     <ul>
  3.         <li>
  4.             <a href="photos/image1.jpg" title="Descrizione immagine 1">
  5.                 <img src="photos/thumb_image1.jpg" width="102" height="102" alt="" />
  6.             </a>
  7.         </li>
  8. </div>

Sorry for my english i hope somebody have understand my issue and can help me :P
Thanks!

Daniele.




















    • Topic Participants

    • dm