<style type="text/css">
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{
outline:none;
}
.slides,
.flex-control-nav,
.flex-direction-nav{
margin:0;
padding:0;
list-style:none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider{
margin:0;
padding:0;
}
.flexslider .slides > li{
display:none;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{
width:100%;
display:block;
}
.flex-pauseplay span{
text-transform:capitalize;
}
/* Clearfix for the .slides element */
.flexslider a.intro {
bottom:0;
color:rgba(0, 0, 0, 0.1);
font-size:14px;
position:absolute;
right:0;
text-decoration:none;
z-index:99999;
}
.slides:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .slides{
display:block;
}
* html .slides{
height:1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child{
display:block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider{
margin:0 0 50px;
background:#fff;
border:4px solid #fff;
position:relative;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
box-shadow:0 1px 4px rgba(0,0,0,.2);
zoom:1;
}
.flex-viewport{
max-height:1500px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
}
.loading .flex-viewport{
max-height:200px;
}
.flexslider .slides{
zoom:1;
}
.carousel li{
margin-right:5px;
}
/* Direction Nav */
.flexslider li {
border: 0 none !important;
padding: 0 !important;
text-indent: 0 !important;
}
.flex-direction-nav a{
width:30px;
height:25px;
margin:-20px 0 0;
display:block;
background:url(http://project.dimpost.com/flexslider-carousel/images/bg_direction_nav.png) no-repeat 0 0;
position:absolute;
top:50%;
cursor:pointer;
text-indent:-9999px;
opacity:0;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
.flex-direction-nav .flex-next{
background-position:100% 0;
right:-36px;
}
.flex-direction-nav .flex-prev{
left:-36px;
}
.flexslider:hover .flex-next{
opacity:0.8;
right:5px;
}
.flexslider:hover .flex-prev{
opacity:0.8;
left:5px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{
opacity:1;
}
.flex-direction-nav .disabled{
opacity:.3!important;
filter:alpha(opacity=30);
cursor:default;
}
/* Control Nav */
.flex-control-nav{
width:100%;
position:absolute;
bottom:-40px;
text-align:center;
}
.flex-control-nav li{
margin:0 6px;
display:inline-block;
zoom:1;
*display:inline;
}
.flex-control-paging li a{
width:11px;
height:10px;
display:block;
background:#666;
background:rgba(0,0,0,0.5);
cursor:pointer;
text-indent:-9999px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover{
background:#333;
background:rgba(0,0,0,0.7);
}
.flex-control-paging li a.flex-active{
background:#000;
background:rgba(0,0,0,0.9);
cursor:default;
}
.flex-control-thumbs{
margin:5px 0 0;
position:static;
overflow:hidden;
}
.flex-control-thumbs li{
width:25%;
float:left;
margin:0;
}
.flex-control-thumbs img{
width:100%;
display:block;
opacity:.7;
cursor:pointer;
}
.flex-control-thumbs img:hover{
opacity:1;
}
.flex-control-thumbs .active{
opacity:1;
cursor:default;
}
</style>
<script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.js"></script>
<script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.flexslider-min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
animationLoop: false,
itemWidth: 210,
itemMargin: 0,
minItems: 1,
maxItems: 6
});
});
});
</script>
<div class="flexslider">
<ul class="slides">
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCcdl5JmVxiDsdU9nP96x3iFIAN_Xe97MER1zClyuiWSUbuJeyfbBfhVE7rTbK0zMJkmd7b9MAzN13nbGdf3dC6r1NU_ynQP-VfFacXE6Z3whG79kPcjGtvqhe2p_1dgtzgFjr3nsoXyIV/s1600/1412782_732469593449898_291484368_o.jpg" />
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaNk7h5QoD_atyy-__7J7IeH6EvSsqsAzorOwWzTJcdnJ10-56gTRrkpUOgNi0DJ3WJbQXBuKxQbyip-dsa1XTyrQ2Lvx5qpGLZZ39L3bpU4iGY8YG8Xe1b-Lz7yMMwokqbNYyP5VMZUYT/s1600/DSCF4398.jpg" />
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcmB_dHHRzSijP74nqQYxT0uuxA6bNXPAymsvmFS2vlT8xt08CmRmrC4LhZ8PjGFTBmS6kGFFR-3hTgVT_Dv9NloxHwQxUELYSO54XoAnJTQ_Nt7fq90Shyphenhyphen-01HP7n1fJx9WVGcnXxKzm8/s1600/UPA.jpg" />
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhIxMvqWX4LOSRh_lnKfVXadqpnfaM2YqNmWnEEvYC-B3hO_jFdDQGLApeGTjADQsId5r7YYSiz6rAWzAQgU7WbE7dBcwWDsBbyu6Lfu-LAl2hPPcobbNC5S8DsaOjMvPHiPcmCl1add0H/s1600/1932393_893290010701188_6694448986576676030_n.jpg" />
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNDpzYzmy-EGzcmWN5VXSSP0bJpqxFKlgwxTUL77gJP4xv8FNacmQpVadeDSxBw3wHyn9vLzlmERSjX8Zh_beGTTpRaMlQ9HVgOz7JJgnwf8_nIksR5hFxzFg7ydcWHI3lBoHYvNwx5aOw/s1600/1538695_895201460510043_8142188767144667162_n.jpg" />
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQvhqc1H2thiwbfNgVdiglUxJ5tRGaGfyugRriT34wsg6L9wHGC4Y_c1DWE8HxQy0zRJLsmQzwu8IS-mx6amjdzgxDhgqmmgMfihyphenhypheneTwPlkkNwVPwK7mHmRFq-woHfSverH5y4XTl7uHNu/s1600/16310_892899224073600_6568307907643476945_n.jpg" />
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtNdc0QjXcFblvr2zfuP5bgLs8k9jlaTcaCe7GipdhPJ0zlS5fVN391L6V4Dk5tzgh1-xIDdTcDd9E0iy0-V0DSshI6DuTeI2zCUW-P42jvje3kFn3vPXZHi3KTVn5NWOFICU5yHMvdUJJ/s1600/DSCF4444.jpg" />
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFsRYdIOdLZR_pL3PIbknIYAHIu0nvMvv2AXphyphenhyphen_7zIuZiEJID3Y5ydL9KdXuwbquPZvhlKQLVw1LgxkQ9InUUbJrAlhPIjmbjZsJ7YsUd8pCQJGE5vbvxuNS74e4Rw0xmqGN3oqJsR-qh/s1600/10443384_872705772758588_2786249063538569568_n.jpg" />
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1l7uXXR8YqoU48LBlx8rIyx71D1mNsqV2LG8Kzb_E0pXnqHhQu2CRtfGnZ0cK14MBqOiHrYn1FkZRCDPVO4v6FOuGWD5gszx2rdLye4DC6BgE0D0lT2Uxp9BYNowl4qfUymLVG-5AjnCI/s1600/988797_824591957570994_7231336081219874609_n.jpg" />
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5__caAMr6BGwjsmexq6SqBd8euq2Dl3tFZz_hTgQdYP9rNS7kg8j4H644uierPViQmFfAg9-zVLzvbKvlGO2vv-zegiEH9fkMOHzAr5pNuUcmLPJXVTSkCOW9ZGbdYJAnWAfYc9OMgtlm/s1600/1403103_732492443447613_888639865_o.jpg" />
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVP9UidDqED_fdwGQ7_dA64GlwkqMKNQYqcG9sj_z2codb78zKlpnSxL4zTY-s5dQyjfvMhw1qGFu1hj2xB-euYP0-aZzATbjR51wdacyfPkh_02NtXFnAV7sqvOiJJOqBUhf_UyOxenMp/s1600/1498819_824577434239113_4056997940743919036_o.jpg" />
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuovLbnzvOjisQpmPtg7vJP82HWcYVAFiNJLhOVMmSEN44LrGNej9n42xu7QG2fNdUt1Uns8TQWHb0HvXYe1LI4uniUiiBoomquyW2JliIReGA4HLgf9j1yhlYR1nOVlOn0xBKZAwnI3yy/s1600/10274187_824575164239340_2239202857863592473_n.jpg" />
</li>
</ul>
</div>
Written by Admin
We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.
0 comments:
Post a Comment