значи проблема е че само първия слаид работи втория не.
Код:
<?php
include("settings.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-AU">
<head>
<title>Voice-BG - Твоят Интернет Портал</title>
<meta http-equiv="content-type" content="application/xhtml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="slider/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/themes/light/light.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/themes/dark/dark.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/themes/bar/bar.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/style.css" type="text/css" media="screen" />
<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="js/jsCarousel-2.0.0.js" type="text/javascript"></script>
<link href="js/jsCarousel-2.0.0.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
$('#carouselv').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true, masked: false, itemstodisplay: 3, orientation: 'v' });
$('#carouselh').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: false, circular: true, masked: false, itemstodisplay: 5, orientation: 'h' });
$('#carouselhAuto').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true, masked: true, itemstodisplay: 5, orientation: 'h' });
});
</script>
</head>
<body>
<div id="bgwrap">
<div id="bgwrapper">
<div id="userline"></div>
<div id="clear"></div>
<div id="wraper">
<div id="header">
<div id="logo"></div>
<div id="menu">
<ul>
<li class="active"><a href="index.html">Начало</a></li>
<li><a href="about-us.html"><em><b>Информация</b></em></a></li>
<li><a href="services.html"><em><b>Услуги</b></em></a></li>
<li><a href="support.html"><em><b>Поддръжка</b></em></a></li>
<li><a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&source=mailto&to=office@comtechbg.com"><em><b>Е-mail</b></em></a></li>
<li><a href="contact-us.html"><em><b>Контакти</b></em></a></li>
</ul>
</div>
</div>
<div id="page">
<div id="editor">
</div>
<div id="login">
</div>
<div id="login">
</div>
<div id="slideshow">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<?php include("include/slideshow.php"); ?>
</div>
</div>
</div>
<div id="video">
<div class="up">
</div>
<div class="back">
<div id="hWrapper">
<div id="carouselh">
<?php include("include/video.php"); ?>
</div>
</div>
</div>
<div class="down">
</div>
</div>
<div id="news">
<div class="up">
</div>
<div class="back">
<div class="cont">
</div>
</div>
<div class="down">
</div>
</div>
<div id="photos">
<div class="photo">
</div>
<div class="back">
</div>
<div class="down">
</div>
</div>
<div id="photos">
<div class="music">
</div>
<div class="back">
</div>
<div class="down">
</div>
</div>
<div id="footer">
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="slider/scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="slider/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
slices: 5, // For slice animations
animSpeed: 500, // Slide transition speed
pauseTime: 3000, // How long each slide will show
startSlide: 0, // Set starting Slide (0 index)
directionNav: true, // Next & Prev navigation
controlNav: false, // 1,2,3... navigation
controlNavThumbs: false, // Use thumbnails for Control Nav
pauseOnHover: true, // Stop animation while hovering
manualAdvance: false, // Force manual transitions
prevText: 'Prev', // Prev directionNav text
nextText: 'Next', // Next directionNav text
randomStart: false, // Start on a random slide
beforeChange: function(){}, // Triggers before a slide transition
afterChange: function(){}, // Triggers after a slide transition
slideshowEnd: function(){}, // Triggers after all slides have been shown
lastSlide: function(){}, // Triggers when last slide is shown
afterLoad: function(){} // Triggers when slider has loaded
});
});
</script>
</body>
</html>