Na stronie internetowej użyłem dwa slidery, zauważyłem, że gdy dodam bibliotekę w sekcji head to wówczas jeden nie działa.
Kod
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>blablabla</title>
<link rel="stylesheet" type="text/css" href="css.css"/>
<link href="lightbox.css" rel="stylesheet" />
<!-- jQuery library (served from Google) -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="js/jquery.bxslider.js"></script>
<link href="jquery.bxslider.css" rel="stylesheet" />
<script src="js/lightbox-2.6.min.js"></script>
<link rel="stylesheet" type="text/css" href="horizontal.css" />
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300&subset=latin-ext' rel='stylesheet' type='text/css'>
<script language="javascript" type="text/javascript" src="script/mootools-1.2.1-core.js"></script>
<script language="javascript" type="text/javascript" src="script/mootools-1.2-more.js"></script>
<script language="javascript" type="text/javascript" src="script/slideitmoo-1.1.js"></script>
<script language="javascript" type="text/javascript">
window.addEvents({
'domready': function(){
/* thumbnails example , div containers */
new SlideItMoo({
overallContainer: 'SlideItMoo_outer',
elementScrolled: 'SlideItMoo_inner',
thumbsContainer: 'SlideItMoo_items',
itemsVisible:4,
elemsSlide:3,
duration:300,
itemsSelector: '.SlideItMoo_element',
itemWidth: 158,
showControls:1,
startIndex:5,
onChange: function(index){
}
});
}
});
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>blablabla</title>
<link rel="stylesheet" type="text/css" href="css.css"/>
<link href="lightbox.css" rel="stylesheet" />
<!-- jQuery library (served from Google) -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="js/jquery.bxslider.js"></script>
<link href="jquery.bxslider.css" rel="stylesheet" />
<script src="js/lightbox-2.6.min.js"></script>
<link rel="stylesheet" type="text/css" href="horizontal.css" />
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300&subset=latin-ext' rel='stylesheet' type='text/css'>
<script language="javascript" type="text/javascript" src="script/mootools-1.2.1-core.js"></script>
<script language="javascript" type="text/javascript" src="script/mootools-1.2-more.js"></script>
<script language="javascript" type="text/javascript" src="script/slideitmoo-1.1.js"></script>
<script language="javascript" type="text/javascript">
window.addEvents({
'domready': function(){
/* thumbnails example , div containers */
new SlideItMoo({
overallContainer: 'SlideItMoo_outer',
elementScrolled: 'SlideItMoo_inner',
thumbsContainer: 'SlideItMoo_items',
itemsVisible:4,
elemsSlide:3,
duration:300,
itemsSelector: '.SlideItMoo_element',
itemWidth: 158,
showControls:1,
startIndex:5,
onChange: function(index){
}
});
}
});
</script>
dokładnie ten skrypt psuje działanie bxslidera.
<script language="javascript" type="text/javascript" src="script/mootools-1.2.1-core.js"></script>
Jak to naprawić?
E: poprawione bbcode
