Welcome to Leather Hunte
Welcome to Leather Hunte
The Casual Collection

JavaScript:close x

01$("#foo2").carouFredSel();
02$("#foo2 a").prettyPhoto({
03    theme: "facebook",
04    changepicturecallback: function() {
05        $("#foo2").trigger("pause");
06    },
07    callback: function() {
08        $("#foo2").trigger("play");
09    }
10});

HTML:close x

01<div class="image_carousel">
02    <div id="foo2">
03        <a rel="prettyPhoto[caroufredsel]" href="/examples/images/large/basketball.jpg">
04            <img src="/examples/images/small/basketball.jpg" alt="basketball" width="140" height="140" />
05        </a>
06        <a rel="prettyPhoto[caroufredsel]" href="/examples/images/large/beachtree.jpg">
07            <img src="/examples/images/small/beachtree.jpg" alt="beachtree" width="140" height="140" />
08        </a>
09        <a rel="prettyPhoto[caroufredsel]" href="/examples/images/large/cupcackes.jpg">
10            <img src="/examples/images/small/cupcackes.jpg" alt="cupcackes" width="140" height="140" />
11        </a>
12        <a rel="prettyPhoto[caroufredsel]" href="/examples/images/large/hangmat.jpg">
13            <img src="/examples/images/small/hangmat.jpg" alt="hangmat" width="140" height="140" />
14        </a>
15        <a rel="prettyPhoto[caroufredsel]" href="/examples/images/large/new_york.jpg">
16            <img src="/examples/images/small/new_york.jpg" alt="new york" width="140" height="140" />
17        </a>
18        <a rel="prettyPhoto[caroufredsel]" href="/examples/images/large/laundry.jpg">
19            <img src="/examples/images/small/laundry.jpg" alt="laundry" width="140" height="140" />
20        </a>
21        <a rel="prettyPhoto[caroufredsel]" href="/examples/images/large/mom_son.jpg">
22            <img src="/examples/images/small/mom_son.jpg" alt="mom son" width="140" height="140" />
23        </a>
24        <a rel="prettyPhoto[caroufredsel]" href="/examples/images/large/picknick.jpg">
25            <img src="/examples/images/small/picknick.jpg" alt="picknick" width="140" height="140" />
26        </a>
27        <a rel="prettyPhoto[caroufredsel]" href="/examples/images/large/shoes.jpg">
28            <img src="/examples/images/small/shoes.jpg" alt="shoes" width="140" height="140" />
29        </a>
30        <a rel="prettyPhoto[caroufredsel]" href="/examples/images/large/paris.jpg">
31            <img src="/examples/images/small/paris.jpg" alt="paris" width="140" height="140" />
32        </a>
33        <a rel="prettyPhoto[caroufredsel]" href="/examples/images/large/sunbading.jpg">
34            <img src="/examples/images/small/sunbading.jpg" alt="sunbading" width="140" height="140" />
35        </a>
36        <a rel="prettyPhoto[caroufredsel]" href="/examples/images/large/yellow_couple.jpg">
37            <img src="/examples/images/small/yellow_couple.jpg" alt="yellow couple" width="140" height="140" />
38        </a>
39    </div>
40    <div class="clearfix"></div>
41</div>

CSS:close x

01.image_carousel {
02    padding: 15px 0 15px 40px;
03}
04.image_carousel img {
05    border: 1px solid #ccc;
06    background-color: white;
07    padding: 9px;
08    margin: 7px;
09    display: block;
10    float: left;
11}
12.image_carousel a {
13    display: block;
14    float: left;
15}
16.clearfix {
17    float: none;
18    clear: both;
19}
Welcome to Leather Hunte