Grow your CSS skills. Land your dream job.

Jquery Slider problems on php script

  • # September 24, 2009 at 4:43 am

    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

    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

    @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>

    # September 26, 2009 at 9:59 pm

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

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".