Iam using two scripts - Nicescroll and fancybox, but I  have a problem, only one of them are working. Maybe someone on this forum could help me to solve this problem, I'am a starter in webpage creating and Iam learning.

Heres my code, maybe theres a mistake? 

2. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
3. <script src="jquery.nicescroll.js"></script>
4. <script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
5. <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
6. <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
7. <script>
8. $(document).ready(function() {
9. $("#boxscroll").css({"overflow-x":"hidden"});
10.   var nicesx = $("#boxscroll").niceScroll({horizrailenabled:false, touchbehavior:false,cursorcolor:"#ffff00",cursoropacitymax:0.6,cursorwidth:7});
11.   
12.   $("a#example8").fancybox({
13.     'titlePosition' : 'over'
14.   });  
15. });
16. </script>
17. <link rel="stylesheet" href="style.css" />

Thank You and excuse me for my english! :)