Hi guys!
I would like to ask some help to resolve this problem:
I am using a jquery plugin in my webpage and these are the settings:
(Jquery navigation menu)
<link rel="stylesheet" href="animated-menu.css"/>
<link href="../generalStyleSheet.css" rel="stylesheet" type="text/css" />
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="animated-menu.js" type="text/javascript"></script>
But, when I add the second plugin:
(JQuery Slide show)
<!--JS------------------------------------------------->
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<!--plugins-------------------------------------------->
<script src="fleshSliderJavascripts/jquery.flexslider.js"></script>
<!--instantiate js plugin------------------------------>
<script src="fleshSliderJavascripts/HookUp.js"></script>
<link href="fleshSliderCSS/flexLayout.css" rel="stylesheet" type="text/css" />
"text/javascript"></script>
Then: all my page is deconfigured. Even if I add just the second css link, my page doesn't show the pictures of the second plugin. I have been putting the first plugin and then the second plugin; the second one after the first one. (the same order you are visualizing them).
I just began a course of Javascript at college, but I don't even have a 15% of the experience required to write a strong program, however I understand a little bit the logic of the code.
- Am I doing something wrong by positioning my Jquery plugins?
- Do you think the CSS files or Javascript plugins are causing any conflict?
Please, help me to find some answers.
This is how my code looks: