29.08.2012, 20:25
Hey guys this is not an add but on my site for my community: (not out yet) i have a background slide show on the main page but for some reason it only shows the first image and glitches up http://vrp-gta.us IDK why
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vanity RolePlay</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
color: #2b2b2b;
}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
var timer;
var ftimer;
var $active;
var $next;
var refreshT;
function slideSwitch() {
clearInterval(ftimer);
clearInterval(timer);
$active = $('#slides img.active');
if ( $active.length == 0 ) $active = $('#slides img:last');
$next = $active.next().length ? $active.next(): $('#slides img:first');
$active.addClass('lactive');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active lactive');
callFunc();
});
}
function callFunc() {
var time = $next.attr('time');
timer = setInterval('slideSwitch()', time);
}
$(document).ready(function(e) {
ftimer = setInterval('slideSwitch()', 2000);
});
</script>
</head>
<body>
<div id="header" align="center">
<div id="hcontain" align="center">
<div id="slides">
<img src="images/slides/1.jpg" width="1680" height="505" class="active" time="5000"/>
<img src="images/slides/2.jpg" width="1680" height="505" time="3000"/>
</div>
<div id="header_bg2">
<?php include('menu.php'); ?>
</div>
</div>
</div>
