Jquery Slider problems on php script - CSS-Tricks

This topic is empty.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
September 24, 2009 at 4:43 am #26147

devtolu
Member

hello all, i used s3slider on a html page and i could see my pictures scroll but when i save the page as .php the images dont display what could be happening.

why is the php page not displaying my images but the html page does?

September 25, 2009 at 2:49 am #64677

cybershot
Participant

because when you have the page as html, then the php does not run through the compiler on the server. If you change the file to .php, then the server compiles the php and what is probably happening is that you code is wrong. If you post you code we can take a look at it. In the future, when asking a code question, always always post the code in question.

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"> </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"> </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"> </p>

<p> </p>
<p> </p>
<p> </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"> </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"> </td>
</tr>
<tr>
<td height="19" colspan="2"> </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>

September 26, 2009 at 9:59 pm #64746

cybershot
Participant

can you post a link to your site? Make another folder for the one named php and post a link for that also
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The forum ‘JavaScript’ is closed to new topics and replies.