sweep

by aaronk85

HTML

<script src="http://www-static.spulsecdn.net/js/cycle-min-2.88.js"></script>
        <div id="s3" class="pics">
            <span>1</span>
            <span>2</span>
            <span>3</span>
            <span>4</span>
            <span>5</span>
            <span>6</span>
            <span>7</span>
            <span>8</span>
            <span>9</span>
            <span>10</span>
            <span>11</span>
            <span>12</span>
            <span>13</span>
            <span>14</span>
            <span>15</span>
            <span>16</span>
            <span>17</span>
            <span>18</span>
            <span>19</span>
            <span>20</span>
            <span>21</span>
            <span>22</span>
            <span>23</span>
            <span>24</span>
        </div>

        <div id="s4" class="pics">
            <span></span>
            <span></span>
            <span></span>     
            <span></span>
            <span></span>
            <span></span>       
            <span></span>
            <span></span>
            <span></span>     
            <span></span>
            <span></span>
            <span></span>    
            <span></span>
            <span></span>
            <span></span>     
            <span></span>
            <span></span>
            <span></span>       
            <span></span>
            <span></span>
            <span></span>     
            <span></span>
            <span></span>
            <span></span>              
        </div>

CSS

body {
font-family: arial;
}
#s3 {
    background: url("http://www-static.spulsecdn.net/files/builder/12_2/sil-racehorse.jpg") no-repeat scroll 0 0 transparent;
    color: #fff;
    display: inline;
    float: left;
    height: 38px;
    padding: 100px 0 100px 200px;
    width: 172px;
}

#s3 span {
  float: left;
  font-size: 34px;
  position: relative !important;
}

#s4 {
  display: inline;
  float: left;
    width: 100% !important;
    margin: 20px 0 0 0;
    text-indent: 20px;
}

JavaScript

$('#s3').cycle({ 
    fx:    'zoom', 
    sync:   0, 
    random: 1,
    timeout: 8000
 });


$('#s4').cycle({
    fx:    'zoom',
    sync:   0,
    random: 1,
    timeout: 8000    
 });