hi all. I've used multiple plugins with different versions in my website but there is a conflict I cant solve. I goggled a lot and applied solutions but they don't work together.I'm elementary in Jquery please help me.
<!--
<script src="SliderRevolution/rs-plugin/js/jquery-ui.js"></script>
<script src="SliderRevolution/rs-plugin/js/jquery.js"></script>
<script src="SliderRevolution/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
<script src="SliderRevolution/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="SliderRevolution/rs-plugin/js/Slider.js"></script>
<%----%>
<script src="MagicLine/js/example.js"></script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>
<!--
<script type="text/javascript" src="./dock/js/jquery.js"></script>
<script type="text/javascript" src="./dock/js/interface.js"></script>
<!-- jQuery KenBurn Slider-----------jquery1.7.2--jQuery UI 1.8.5---->
Slider.js:
var newjq = jQuery;
newjq.noConflict();
newjq(document).ready(function () {
newjq('.fullwidthabnner').revolution(
{
delay: 5000,
startheight: 500,
startwidth: 960,
hideThumbs: 300,
thumbWidth: 100,
thumbHeight: 50,
thumbAmount: 5,
navigationType: "both",
navigationArrows: "verticalcentered",
navigationStyle: "round",
touchenabled: "on",
onHoverStop: "on",
navOffsetHorizontal: 0,
navOffsetVertical: 20,
stopAtSlide: -1,
stopAfterLoops: -1,
shadow: 1,
fullWidth: "on"
});
});
<%------------magic line ------------jQuery 1.5.2--------------------%>
example.js:
z
$(function() {
var $el, leftPos, newWidth;
$(".hmenu").append("<li id='magic-line'></li>");
var $magicLine = $("#magic-line");
$magicLine
.width($(".current_page_item").width())
.css("left", $(".current_page_item a").position().left)
.data("origLeft", $magicLine.position().left)
.data("origWidth", $magicLine.width());
$(".hmenu li").find("a").hover(function () {
$el = $(this);
leftPos = $el.position().left;
newWidth = $el.parent().width();
$magicLine.stop().animate({
left: leftPos,
width: newWidth
});
}, function() {
$magicLine.stop().animate({
left: $magicLine.data("origLeft"),
width: $magicLine.data("origWidth")
});
});
});
<!-------------dock menu------jQuery 1.1.2---------------------------->
interface.js:
eval(function(p,a,c,k,e,d)..............)