banner slide show

<!doctype html>
    <head>
        <title>Title</title>

        <style type="text/css" media="screen">
            .slides_container {
                width:570px;
                height:270px;
            }
            .slides_container div {
                width:570px;
                height:270px;
                display:block;
            }
        </style>

        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script src="slides.js"></script>

        <script>
            $(function(){
                $("#slides").slides();
            });
        </script>
    </head>
    <body>
        <div id="slides">
            <div class="slides_container">
                <div>
                    <img src="http://placehold.it/570x270">
                </div>
                <div>
                    <img src="http://placehold.it/570x270">
                </div>
                <div>
                    <img src="http://placehold.it/570x270">
                </div>
                <div>
                    <img src="http://placehold.it/570x270">
                </div>
            </div>
        </div>
    </body>

chinese_Zodiac_for_loop in php

<?php
$startYear = 1912;
$endYear = 2013;
$numYears = ($startYear – $endYear) + 1;
$animalsUpper = array(“RAT”, “OX”, “TIGER”, “RABBIT”, “DRAGON”, “SNAKE”, “HORSE”, “GOAT”, “MONKEY”, “ROOSTER”, “DOG”, “PIG”);
$animalsLower = array(“rat”, “ox”, “tiger”, “rabbit”, “dragon”, “snake”, “horse”, “goat”, “monkey”, “rooster”, “dog”, “pig”);

echo “<table border=\”1\” align=\”center\”><tr>”;

for ($i = 0; $i < 12; ++$i) {
echo “<th align=\”center\”>” . $animalsUpper[$i] . “</th>”;
}

echo “</tr><tr>”;

for ($i = 0; $i < 12; ++$i) {
echo “<td align=\”center\”><img src=\”images/” . $animalsLower[$i] . “.jpg\”></td>”;
}

for ($i = $startYear; $i <= $endYear; ++$i) {
if ((($i – $startYear) % 12) == 0) {
echo “</tr><tr>”;
}
echo “<td align=\”center\”>” . $i . “</td>”;
}

echo “</tr></table>”;
?>