treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Jquery clash between gallery viewer and contact form...HELP!!!

  • Hi there. When I put these two together, the galery doesn´t work properly. As you can guess, I´m not a genius with Jquery.

    What am I doing that is obviously wrong?

        
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js&quot; ></script>

    <script type="text/javascript" language="javascript" src="yoxview/yoxview-init.js"></script>
    <script language="javascript" type="text/javascript">
    $(document).ready(function(){
    $(".yoxview-thumbnails").yoxview(
    {
    backgroundColor: '#000',


    });

    });

    </script>

    </script>



    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script&gt;
    <script type="text/javascript" src="contactable.1.3/jquery.validate.pack.js"></script>
    <script type="text/javascript" src="contactable.1.3/jquery.contactable.js"></script>
    <link rel="stylesheet" href="contactable.1.3/contactable.css" type="text/css" />


    <script>$(function(){$('#contactable').contactable({subject: 'feedback URL:'+location.href});});</script>
  • I´m guessing it is the galleries I am loading? But they are for different functions aren´t they?

    I have combined the contact form with a content slider, and there doesn´t appear to be any problems.


    Many thanks!!
  • you seem to have an extra closing script tag...delete that for good measure...but

    Try this:


    <link rel="stylesheet" href="contactable.1.3/contactable.css" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script&gt;
    <script type="text/javascript" src="contactable.1.3/jquery.validate.pack.js"></script>
    <script type="text/javascript" src="contactable.1.3/jquery.contactable.js"></script>
    <script type="text/javascript" language="javascript" src="yoxview/yoxview-init.js"></script>
    <script language="javascript" type="text/javascript">
    $(document).ready(function(){
    $(".yoxview-thumbnails").yoxview({backgroundColor: '#000'});
    $(function(){
    $('#contactable').contactable({subject: 'feedback URL:'+location.href});
    });
    });
    </script>



    You should post how you are trying to put them together so we can check that out as well, rather than each individual piece
  • hi there. Yes, tried your suggestion- but still having the same problem. The contact form seems to work, but the image gallery is not working properly- not opening a lightbox when clicking on the image.

    I basically arranged the code as I have displayed it here- all underneath each other.


    Could it be the different J query galleries clashing with each other?


    Thanks.
  • Hi there....still having problems with this. If someone could help me, I´d be really greatful!

    Thanks.
  • Depending on what plugins you use, sometimes the order of the scripts matter. I know when you use lavalamp or some navigation dropdown plugins I have had to change the order of other plugins won't work. Maybe try that?