Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › JavaScript › Jquery Slider problems on php script › Re: Jquery Slider problems on php script

September 26, 2009 at 6:37 am #64723
devtolu
Member

@cybershot
Thanks cybershot here is the code below :

<?php
$tbl = ‘photogallery’ ;
$page = ‘Photo Gallery’ ;
?>
<html>
<head>
<title>Leverest</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!–
body {
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
background-color: #F2F2F2;
}
–>
</style>
<link href="css/style.css" rel="stylesheet" type="text/css">

<style type="text/css">
<!–
body {
background-color: #F2F2F2;
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
}

–>
</style>
<link href="css/spicery.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!–
.style2 {
font-size: 12px;
color: #FFFFFF;
}
.style3 {
font-family: Helvetica, sans-serif, Geneva, Arial;
color: #990000;
font-weight: bold;
}
.style4 {font-family: Verdana, Arial, Helvetica, sans-serif}
–>
</style>

<!– CSS –>
<style type="text/css" media="screen">
#slider {
width: 342px; /* important to be same as image width */
height: 258px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden;
left: -20;
top: -7;
}
#sliderContent {
width: 342px; /* important to be same as image width or wider */
position: absolute;
top: 0;
margin-left: 0;
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
padding: 5px;
width: 355px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
font-family: tahoma;
font-size: 10px;
line-height: 15px;
}
.clear {
clear: both;
}
.sliderImage span strong {
font-size: 13px;
}
.top {
top: 0;
left: 0;
}
.bottom {
bottom: 16;
left: 0;
}
ul { list-style-type: none;}
</style>
<!– JavaScripts–>
<script type="text/javascript" src="Scripts/jquery.js"></script>
<script type="text/javascript" src="Scripts/s3Slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(‘#slider’).s3Slider({
timeOut: 4500
});
});
</script>

</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!– ImageReady Slices (mainone4_innerpage.psd) –>
<table width="999" height="1073" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="4"><table width="999" height="51" border="0" cellpadding="0" cellspacing="0" background="images/index_01.jpg">
<tr>
<td><?php include ‘top.php’ ?></td>
</tr>
</table></td>
</tr>
<tr>
<td rowspan="5" valign="top" background="images/innerleftbar.jpg"><table width="85" height="960" border="0" cellpadding="0" cellspacing="0" background="images/aboutus_02.jpg">
<tr>
<td valign="top">&nbsp;</td>
</tr>
</table></td>
<td colspan="2"><table width="828" height="126" border="0" cellpadding="0" cellspacing="0" bgcolor="#F9F9F9">
<tr>
<td valign="top"><?PHP include ‘header.php’ ?></td>
</tr>
</table></td>
<td rowspan="5" valign="top" background="images/innerrightbar.jpg" bgcolor="#F2F2F2"><table width="86" height="960" border="0" cellpadding="0" cellspacing="0" background="images/aboutus_04.jpg" bgcolor="#F2F2F2">
<tr>
<td valign="top">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2"><table width="828" height="27" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#F9F9F9"><?PHP include ‘navigation.php’ ?></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2">
<img src="images/serviceimg.jpg" width="828" height="142" alt=""></td>
</tr>
<tr>
<td colspan="2" bgcolor="#E0DCDB"><table width="828" height="26" border="0" cellpadding="0" cellspacing="0" background="images/aboutus_07.jpg">
<tr>
<td><?php include ‘location.php’ ?></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top" bgcolor="#F9F9F9"><table width="622" height="639" border="0" cellpadding="0" cellspacing="0" bgcolor="#F9F9F9">
<tr>
<td valign="top" class="content"><table width="569" height="391" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="569" height="146" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="26" colspan="3" valign="top"><img src="images/cameratop.jpg" width="569" height="50"></td>
</tr>
<tr>
<td width="60" height="82" valign="top"><img src="images/cameraleft.jpg" width="60" height="260"></td>
<td width="345" valign="top"><table width="344" height="260" border="0" align="left" cellpadding="0" cellspacing="0" background="images/cameracenter.jpg">
<tr>
<td align="left" valign="top">

<div id="slider">
<ul id="sliderContent" name="sliderContent">
<li class="sliderImage">
<img src="images/1.jpg" alt="1" width="355"/>
<span class="bottom"><strong>WEST AFRICAN TELECOMS 2009</strong><br />Delegates </span>
</li>
<li class="sliderImage">
<img src="images/2.jpg" alt="2" />
<span class="bottom"><strong>WEST AFRICAN TELECOMS 2009</strong><br />Delegates </span>
</li>
<li class="sliderImage">
<img src="images/3.jpg" alt="3" />
<span class="bottom"><strong>WEST AFRICAN TELECOMS 2009</strong><br />Delegates </span>
</li>
<li class="sliderImage">
<img src="images/4.jpg" alt="4" />
<span class="bottom"><strong>LAGOS LAND ROUTE</strong><br />Route</span>
</li>
<li class="sliderImage">
<img src="images/5.jpg" alt="4" />
<span class="bottom"><strong>Sample</strong><br />Sample</span>
</li>
<li class="sliderImage">
<img src="images/6.jpg" alt="4" />
<span class="bottom"><strong>Sample</strong><br /> Sample </span>
</li>
<li class="sliderImage">
<img src="images/7.jpg" alt="4" />
<span class="bottom"><strong> Sample </strong><br /> Sample </span>
</li>
<div class="clear sliderImage"></div>
</ul>
</div>

</td>
</tr>
</table></td>
<td width="168" valign="top"><img src="images/cameraright.jpg" width="165" height="260"></td>
</tr>
<tr>
<td height="38" colspan="3" valign="top"><img src="images/camerabottom.jpg" width="569" height="81"></td>
</tr>
</table></td>
</tr>
</table>
<p align="center">&nbsp;</p>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br>
</p></td>
</tr>
</table></td>
<td valign="top" bgcolor="#F9F9F9"><table width="206" height="639" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="206" height="631" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="19">&nbsp;</td>
<td><?php // include ‘aboutuslinks.php’ ?></td>
</tr>
<tr>
<td width="4" height="574" colspan="2" valign="top"><?php include ‘rightbar.php’ ?></td>
</tr>
<tr>
<td height="19" colspan="2">&nbsp;</td>
</tr>
<tr>
<td height="19" colspan="2">&nbsp;</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="4"><table width="999" height="62" border="0" cellpadding="0" cellspacing="0" background="images/index_20.jpg">
<tr>
<td><?php include ‘footer.php’ ?></td>
</tr>
</table></td>
</tr>
</table>
<!– End ImageReady Slices –>
</body>
</html>