– First download flexslider libs provided by woothemes:
Flexslider
– Insert following code before of your document.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src="jquery.flexslider.js"></script>
– Add some markup html.
<!-- Place somewhere in the <body> of your page -->
– final hook up the slider.
<!-- Place in the <head>, after the three links -->
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider();
});
</script>Issue:
*Flexslider slow image load:
after search on internet I found out a way to do it. In the flexslider css file add this line:
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} /*or*/ .flexslider .slides > li a img{visibility:visible !important; opacity:1 !important;filter:alpha(opacity=100) !important;}
That will make the first image appear and it will wait for the other images to load before it spins.
Công cụ chặn click tặc
Công Cụ Chặn Click Ảo Mới - Miễn Phí - Tốc Độ Chặn Nhanh Hơn - Chính Xác Hơn. Miễn Phí VIP 3 Tháng - Được Tin Tưởng Dùng Bởi Hơn 5.000 Khách Hàng. Tự Bạn Quản Lý. Đăng Ký Tự Động. Công Nghệ Mới. Hoạt Động 24/7.
Trả lời