I tried the css code with no change, here is the result and perhaps
you can say if there is something not implemented as described above:

Web page code (from PHP page):

<div id="top_area">
      <div id="slideshow" class="pics" align="center">
        <?php for ($counter = 0; $counter < $images_count; $counter++)
{ ?>
                <img class="top_image" src="images/images_processed/<?php echo
$images[$counter]->filename ?>" alt="<?php echo $images[$counter]-
>object_name ?>" />
        <? } ?>
      </div>
    </div>


CSS related code:

#top_area {
       height:300px;
       background-color:#1b1b1b;
       position:relative;
}

.top_image {
        max-height:280px;
        max-width:766px;
        padding: 10px;
}

.pics {
        position:absolute;
        left:0px;
        top:0px;
}

Javascript code in page header:

<script type="text/javascript">
        $(function() {
                $('#slideshow').cycle({
          timeout: 8000,
          speed: 3000
                });
        });
</script>

Reply via email to