Håller på med en adventskalender till en blogg och jag har tänkt använda två olika javascript på sidan. Men de vill inte fungera ihop!
Det är ett script som skall visa en mouse-over effekt när man för musen över luckorna (MapHighlight) och sedan är det ett som skall visa bilderna med en effekt mitt på skärmen (SlimBox).
Här har jag aktiverat endast MapHighlight, och då fungerar mouseovern.
Alliansens Julkalender 2008
Här har jag också lagt till SlimBox, och då slutar MapHighlight fungera. (jag har gjort test-länken på top-bannern på sidan, klicka där)
Alliansens Julkalender 2008
Då båda javascripten är inskrivna i dokumentet ser de ut såhär:
<script src="js/jquery-1.2.3.pack.js" type="text/javascript"></script>
<script src="js/jquery.metadata.min.js" type="text/javascript"></script>
<script src="js/jquery.maphilight.min.js" type="text/javascript"></script>
<script>$(function() {
$('.map').maphilight();
});
</script>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slimbox.js"></script>
<link rel="stylesheet" href="css/slimbox.css" type="text/css" media="screen" />
Med uteslutningsmetoden har jag funnit att det är mootools.js och jquery-1.2.3.pack.js som är i konflikt. Men båda krävs för att respektiva script skall fungera naturligtvis.
http://www.dcoremedia.com/kalender08/js/jquery-1.2.3.pack.js
http://www.dcoremedia.com/kalender08/js/mootools.js
Någon som kan lösa denna konflikten åt mig? Jag kan ingenting om javascript. Dock har jag förstått att problemet kan ha något med ett "OnLoad" kommando att göra. Men jag hittar inte vart jag skall ändra detta isf.
Som ni förstår skall detta vara klart imån, så jag hoppas på snabba svar
