blob: f45f2f52e25a36c4065f891b7a2a430d316fed91 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
|
<!-- START News Reel -->
<link rel="stylesheet" type="text/css" href="modules/newsreel/style.css" media="screen"/>
<?php OpenContent(); ?>
<script type="text/javascript">
var current = "0";
var stop = false;
var slide=new Array(); //declares a new array called banner
var x=0; //loop control and array counting variable
var timing=7000; //value is in milliseconds, used for 3 seconds on each image
<?php
global $db;
$x=0;
$result = $db->Query("SELECT * FROM `bayonet_newsreel` WHERE `visible`= 1 ORDER BY `weight` ASC LIMIT 0,6");
//$get_slides = mysql_query("SELECT * FROM `news_slideshow` WHERE `visible`=1");
$row = $db->fetch($result);
foreach($row as $slide){
echo 'slide['.$x.']=new Image();';
echo 'slide['.$x.'].src="modules/newsreel/slides/'.$slide['src'].'";';
if($x==0){
$startSRC=$slide['src'];
}
$x++;
}
$width = 100/$x;
?>
function changeStart()
{
document.getElementById(0).style.backgroundImage="url(modules/newsreel/images/slidenavbg2.png)";
}
function mouseOverBG(id, image)
{
if(id!=current){
document.getElementById(id).style.backgroundImage="url(modules/newsreel/images/slidenavbg3.png)";
document.getElementById(id).style.color="#3666ba";
document.body.style.cursor = 'pointer';
}
}
function mouseOutBG(id, image)
{
if(id!=current){
document.getElementById(id).style.backgroundImage="url(modules/newsreel/images/slidenavbg.png)";
document.getElementById(id).style.color="white";
document.body.style.cursor = 'default';
}
}
function nextSlide(num, clicked)
{
if(num!=current){
document.myBanner.src=slide[num].src;
document.getElementById(num).style.backgroundImage="url(modules/newsreel/images/slidenavbg2.png)";
document.getElementById(current).style.backgroundImage="url(modules/newsreel/images/slidenavbg.png)";
document.getElementById(num).style.color="white";
document.body.style.cursor = 'default';
current=num;
if(clicked){
stop=true;
}
}
}
function playBanner()
{
if(!stop){
if(document.images)
{
if(document.myBanner.complete)
{
nextSlide(x,false)
x++;
}
if(x==<?php echo $x; ?>){
x=0;
}
var timerId=setTimeout("playBanner()", timing);
}
}
}
function init_Slides(){
changeStart();
playBanner();
}
window.onload = init_Slides; //starts the reels movement
</script>
<div class="content1"><div class="content2">
<img src="modules/newsreel/slides/<?php echo $startSRC; ?>" name="myBanner" alt="newsreel" />
<table border="0" cellspacing="0" cellpadding="0" style="height:21px;" width="100%">
<tr>
<?php
$y=0;
$result = $db->Query("SELECT * FROM `bayonet_newsreel` WHERE `visible`= 1 ORDER BY `weight` ASC LIMIT 0, 6");
$row = $db->Fetch($result);
foreach($row as $link){
echo "<td id=\"{$y}\" width=\"{$width}%\" class=\"slidenav\" onclick=\"javascript:nextSlide(this.id, true); return false;\" onmouseover=\"javascript:mouseOverBG(this.id); return false;\" onmouseout=\"javascript:mouseOutBG(this.id); return false;\">{$link['title']}</td>\n";
$y++;
}
?>
</tr>
</table>
</div></div>
<?php CloseContent(); ?>
<!-- END News Reel -->
|