Witam, mam problem z dodaniem 3 skryptu na stronie. Mam już stworzoną cała witrynę. Na ten moment są na niej umieszczone 2 skrypty; na slider ze zdjęciami (js/modernizr.custom.86080.js), na wysuwaną zakładkę facebooka z bloga p. Mirosława Zelenta (jquery.min.js oraz tabslideout.v1.3.js). Chciałbym dodać trzeci skrypt z najnowszego odcinka HTML'a p. Mirosława, który to dodaje przycisk scrollup do naszej strony oraz tworzy płynne przejście między linkami. Tu jednak pojawia się problem. Próbowałem już 1000 sposobów wstawienia jQuery noconflict, ale w najlepszym przypadku udało mi się uzyskać efekt braku działania tego skryptu na scrolla. W najgorszych przypadkach połowa witryny była w całkowitej rozsypce. Proszę o pomoc. Poniżej wstawiam fragment kodu w którym wszystko 'siedzi'. Pozdrawiam!
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="..." />
<title>Pizzeria Cannena - Najsmaczniej w WWA!</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style1.css" />
<link rel="stylesheet" type="text/css" href="icons/css/fontello.css" />
<script type="text/javascript" src="js/modernizr.custom.86080.js"></script>
<link href='https://fonts.googleapis.com/css?family=Tauri|Lato&subset=latin,latin-ext|Courgette:400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<!--FACEBOOK-->
<script src="facebook/jquery.min.js" type="text/javascript"></script>
<script src="facebook/tabslideout.v1.3.js" type="text/javascript"></script>
<!-- ########## SKRYPT FACEBOOK ########## -->
<script type="text/javascript">
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle',
pathToTabImage: 'facebook/zakladka.png',
imageHeight: '120px',
imageWidth: '40px',
tabLocation: 'left',
speed: 300,
action: 'hover',
topPos: '200px',
leftPos: '20px',
fixedPosition: true
});
});
</script>
<!--SCROLL-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.scrollTo.min.js"></script>
<!-- ########## SKRYPT SCROLL ########## -->
<script>
$(window).scroll(function(){
if((this).scrollTop()>300) $('.scrollup').fadeIn();
else $('.scrollup').fadeOut();
});
jQuery(function(){
//reset scrolla
$.scrollTo(0);
});
</script>
</head>
<body id="page">
<div class="slide-out-div">
<a class="handle">Content</a>
<iframe src="http://www.facebook.com/plugins/likebox.php?
href=http%3A%2F%2Fwww.facebook.com%2Fpizzeriacannena&
width=240&height=280&show_faces=true&
colorscheme=light&stream=false&show_border=false&
header=false&" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:280px;" allowTransparency="true"></iframe>
</div>
<div class="wrapper">
<a href="#" class="scrollup"></a>
<div id="header">............................[....]