I have jquery script for menu (lava lamp http://www.htmldrive.net/items/show/439/LavaLamp-jQuery-Sliding-Menu.html) and other for gallery http://lab.hisasann.com/jStack/, how to enable both of them to work?
The problem is within menu bar hover floating highlighter it doesn't appear at all.
I don't know how to enable both of them.
My code:
- <!-- syntax -->
- <link rel="stylesheet" href="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" type="text/css" />
- <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shCore.js"></script>
- <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shBrushXml.js"></script>
- <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shBrushCss.js"></script>
- <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shBrushPhp.js"></script>
- <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shBrushJScript.js"></script>
- <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shBrushCss.js"></script>
- <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shBrushJava.js"></script>
- <script type="text/javascript" src="http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/shBrushRuby.js"></script>
- <script type="text/javascript" charset="utf-8">
- $(function () {
- dp.SyntaxHighlighter.ClipboardSwf = 'http://hisasann.com/housetect/js/dp.SyntaxHighlighter/Scripts/clipboard.swf';
- dp.SyntaxHighlighter.HighlightAll('code'); // fadeInOut
- $("#logo").fadeOut().fadeIn(); // smooth scroller
- $("a[href^=#]").click(function () {
- var hash = this.hash;
- if(!hash || hash == "#") return false;
- $($.browser.safari ? 'body' : 'html').animate({
- scrollTop: $(hash).offset().top
- }, 1500, "easeInOutBounce");
- return false;
- });
- });
- var options = {
- isClickAnimation: true,
- isPositionRandom: true,
- durationOut: 300,
- durationIn: 200,
- easingOut: "easeInOutBack",
- easingIn: "easeOutBounce",
- moveLeft: 250,
- moveTop: 150,
- opacityOut: 0.6,
- opacityIn: 1,
- delay: 10,
- direction: "next",
- callback: function () {}
- };
- $(window).bind("load", function () { // jStack
- var jstack = $("#imageBox").jStack(options);
- $("#next").click(function () {
- jstack.next();
- });
- $("#prev").click(function () {
- jstack.prev();
- });
- $("#shuffle").click(function () {
- jstack.shuffle();
- });
- });
- </script>