Kamis, 18 Juni 2015

slid show anak keluarga s

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://s3slider-original.googlecode.com/svn/trunk/s3Slider.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
       $('#BUS-slider').s3Slider({
          timeOut: 3000
       });
    });
    </script>
    <style>
    #BUS-slider {
       width: 905px; /* Keep it 20px-40PX greater than ACTUAL Image size */
       height: 433px;
       position: relative;
       overflow: hidden;
       margin-left: 0;
    }
    #BUS-sliderContent {
       width: 905px;
       position: absolute;
       top: 0;
       margin-left: 0;
    }
    .BUS-sliderImage {
       float: left;
       position: relative;
       display: none;  top: 0;
       border:1px solid #ddd;
    }
    .BUS-sliderImage span {
    position: absolute;
        font: 10px/15px sans-serif,Arial, Helvetica;
        padding: 10px 10px;
        background-color: #000;
        color: #fff;
        filter:'alpha(opacity=70)';
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5;
        text-align:justify;
    }
    .BUS-sliderImage span a {
    text-decoration:underline;
    color:#FE6602;
    }
    .clear {
       clear: both;
    }
    .top {
        top: 0;
        left: 0;
        width: 905px !important;
        height: 70px;
    }
    .bottom {
        bottom: 0;
        left: 0;
        width: 905px !important;
        height:90px;
    }
    .left {
        left: 0;
        top: 0;
        width: 110px !important;
        height: 433px;
    }
    .right {
        right: 0;
        bottom: 0;
        width: 110px !important;
        height: 433px;
    }
    </style>
    <br />
<div id="BUS-slider">
<ul id="BUS-sliderContent">
<li class="BUS-sliderImage">
    <img height="433" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZBwdcVDdHfu3vxBWzL9UrkFE5Ju-4rd_aoTo5XolA_CTSB7hDzWFV6qCvFMDN6aFenQWfU10NwThLKSg3Tum7gELzAAfOHWWP8mEeGPKABBXvKDYUXRzVVQJpEGGfBZP3B58FG8dye_A/s1600/bkll.jpg" width="905" /><a href="#"><span class="top"><h3> LAPTOP</h3>
</span></a><span class="short_text" id="result_box" lang="en"><span class="hps"></span></span>
    </li>
<li class="BUS-sliderImage">
    <img height="433" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Z1bH4vQl9c0Wm0EOOxWwSJai47te47ZfnvWwVTvakclViep8wxq_ygLeIMcWf-ndsTdCZq4kz2mWr5x6IheA9pnZGeysWxH9e38sdMgduJiFGsULPfLfwvZaS0mHq9Pi79nRw_mPZIU/s1600/TELEPON+JADI.jpg" width="905" /><a href="#"><span class="top"><h3>
TELEPON RUMAH</h3>
</span></a><span class="short_text" id="result_box" lang="en"><span class="hps"></span></span>
    </li>
<li class="BUS-sliderImage">
    <a href="#"><img height="433" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcZvFQmvS5H8bgVFlFmwBez4zLxgq4jbieMGkMV1yhONtPLjN-rQATscSxJmyWZv6_QIu5IeXWD1-r014hDRhj5fmwXbjZHi4LHrqj8gDhb5ZNm7F1DZ-eecI_smXmPHIzUXwehCkq_FY/s1600/pizap.com14317661848541.jpg" width="905" />
    <span class="top"><h3>
CINCIN PERMATA</h3>
</span>
    </a></li>
<li class="BUS-sliderImage">
    <a href="#"><img height="433" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ4LWE1ksUu2CgZ6sT26kU6aCaWieRcIPChA23J9xZ5SDpG4sapJP3eTQfgbyyTWg5XaSvNE3VdBG7Bl4DZ6jHuxgOWqp5iE9a0PcD5WBoUAwtX3rp_L_T2f00jYu9yNW0dlyyzG-olvI/s1600/HP+JADI.jpg" width="905" />
    <span class="bottom"><h3>
HANDPHONE</h3>
</span>
    </a></li>
<li class="BUS-sliderImage">
    <a href="#"><img height="433" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjpqurmRNt9fgC3gZ3VxFvTZf1c5JEXCM0bI6ce6zWEEPVKLZ7KNZYZiNsozntd7HQxomumIJ4KzjdhdIpCSAiu_8D35uAu7P5wxzqLRgIONn9WH_LplIMSCG1SzNY1n7-td9uSHmXxys/s1600/GAMBAR+JADI+TV.jpg" width="905" />
    <span class="bottom"><h3>
TELEVISI</h3>
</span>
    </a></li>
<div class="clear BUS-sliderImage">
</div>
</ul>
</div>
<br />

0 komentar:

Posting Komentar