Featured Content Slider - 8 November 2010 - All 4 You
Monday, 23-Jan-2017, 2:20 AM
Welcome Guest | RSS
Main » 2010 » November » 8 » Featured Content Slider
9:08 PM
Featured Content Slider

Code

 <link rel="stylesheet" type="text/css" href="http://all4u.dmon.com/CSS/style4.css" /> 

 <script type="text/javascript" src="http://all4u.dmon.com/Js/jquery-1.4.2.min.js"></script> 

<script type="text/javascript" src="http://all4u.dmon.com/Js/jquery-easing-compatibility.1.2.pack.js"></script> 

<script type="text/javascript" src="http://all4u.dmon.com/Js/coda-slider.1.1.1.pack.js"></script> 

<script type="text/javascript" src="http://all4u.dmon.com/Js/jquery-easing-1.3.pack.js"></script> 

<script type="text/javascript"> 

var theInt = null;

var $crosslink, $navthumb;

var curclicked = 0;

theInterval = function(cur){

clearInterval(theInt);

if( typeof cur != 'undefined' )

curclicked = cur;

$crosslink.removeClass("active-thumb");

$navthumb.eq(curclicked).parent().addClass("active-thumb");

$(".stripNav ul li a").eq(curclicked).trigger('click');

theInt = setInterval(function(){

$crosslink.removeClass("active-thumb");

$navthumb.eq(curclicked).parent().addClass("active-thumb");

$(".stripNav ul li a").eq(curclicked).trigger('click');

curclicked++;

if( 6 == curclicked )

curclicked = 0;

}, 3000);

};

$(function(){

$("#main-photo-slider").codaSlider();

$navthumb = $(".nav-thumb");

$crosslink = $(".cross-link");

$navthumb

.click(function() {

var $this = $(this);

theInterval($this.parent().attr('href').slice(1) - 1);

return false;

});

theInterval();

});

</script> 


<div id="page-wrap"> 

<div class="slider-wrap"> 

<div id="main-photo-slider" class="csw"> 

<div class="panelContainer"> 

<div class="panel" title="Panel 1"> <div class="wrapper"> <img src="1.jpg" alt="temp" 

height="282" width="420" /> <div class="photo-meta-data">Title 1<br /> <span>Nội dung 1</span> </div> </div> </div> 

<div class="panel" title="Panel 2"> <div class="wrapper"> <img src="2.jpg" alt="temp" height="282" width="420" /> <div class="photo-meta-data">Title 2<br />  <span>Nội dung 2</span>  </div> </div> </div>

<div class="panel" title="Panel 3"> <div class="wrapper"> <img src="3.jpg" alt="scotch egg" class="floatLeft" // ảnh 3.jpg ở bên trái height="282" width="420"/> <h1>Title 3</h1> <ul>Nội dung 3</ul> </div> </div> 

<div class="panel" title="Panel 4"> <div class="wrapper"> <img src="4.jpg" alt="temp" height="282" width="420" /> <div class="photo-meta-data">Title 4<br /> <span>Nội dung 4</span> </div> </div> </div> 

<div class="panel" title="Panel 5"> <div class="wrapper"> <img src="5.jpg" alt="temp" height="282" width="420" /> <div class="photo-meta-data">Title 5<br />  <span>Nội dung 5</span> </div> </div> 

</div> <div class="panel" title="Panel 6"> <div class="wrapper"> <h1>Title 6</h1> <blockquote>Nội dung 6</blockquote> </div> </div> 

 </div> </div> 

 <a href="#1" class="cross-link active-thumb"><img src="thumb_1.jpgclass="nav-thumb" alt="temp-thumb" width="60" height="40"/></a> 

<div id="movers-row"> 

<div><a href="#2" class="cross-link"><img src="thumb_2.jpg" class="nav-thumb" alt="temp-thumb" width="60" height="40"/></a></div> 

<div><a href="#3" class="cross-link"><img src="thumb_3.jpg" class="nav-thumb" alt="temp-thumb" width="60" height="40"/></a></div> 

<div><a href="#4" class="cross-link"><img src="thumb_4.jpg" class="nav-thumb" alt="temp-thumb" width="60" height="40"/></a></div> 

<div><a href="#5" class="cross-link"><img src="thumb_5.jpg" class="nav-thumb" alt="temp-thumb" width="60" height="40"/></a></div> 

<div><a href="#6" class="cross-link"><img src="thumb_6.jpg" class="nav-thumb" alt="temp-thumb" width="60" height="40"/></a></div> 

</div> </div> </div> 




Category: Featured Post - Image Gallery | Views: 1385 | Added by: all4u | Rating: 5.0/1
Total comments: 11
11  
Cool! That's a clever way of <a href="http://rcxxivbwus.com">lokinog</a> at it!

10  
Love your blog! I was wondering if you would be<a href="http://zhmafxkmr.com"> ientrested</a> in doing a review of my online jewelry boutique. I think many of my pieces would match your style.Please feel free to look at my site paulinadombrowski.chloeandisabel.com

9  
Love your blog! I was wondering if you would be intrteseed in doing a review of my online jewelry boutique. I think many of my pieces would match your style.Please feel free to look at my site paulinadombrowski.chloeandisabel.com

8  
kaka lam dc rui`. thank bạn nha

7  
kaka! ko fai đâu! khi bạn click vô một link khác thì trang web sẽ lứơt nhẹ wa y như lật sách vậy, có điều hơi nhanh ^^

6  
Feather nào cũng đẹp. Biết chọn cái nào bi rờ? Hic...

@5: tks, link có đốm sáng bay bay đúng ko?


5  
http://a3forum.vietnam.ro/ vào trang của mình đi , khi bạn click vào 1 link nào đó là thấy liền ^^

4  
hihi dry

2  
cái phía dứoi là chữ kí đùng chèn vô nha. kaka biggrin

1  
cái này dep ah nha ^^. tặng bạn code này rất hay. chèn vào phía dứoi top part of the website nha

<META http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.GradientWipe(duration=.3)">
<table cellSpacing="0" cellPadding="0" width="979" align="center" border="0">
<tr>
<td>
<script language="javascript" src="/Templates/js/common.js" type="text/javascript"></script>
<script language="javascript" src="/Templates/js/ajaxtabs.js" type="text/javascript"></script>

-----------------------------

Việt nam


3  
Nó có tác dụng gì vậy?

Only registered users can add comments.
[ Registration | Login ]
Login Form
Nhận bài qua Email


Đăng ký để nhận thông tin
và bài post mới nhất qua email

Chuyên mục
Toàn tập Dmon/ Ucoz [22]
Hướng dẫn thiết kế website với dịch vụ của Dmon.com/ Ucoz.com,...
Code [18]
Các code giúp bạn cá nhân hóa trang web của bạn
Design [21]
Các công cụ web giúp thiết kế web....
Featured Post - Image Gallery [15]
Menu [5]
Các Menu đẹp cho web của bạn
Tab Content [6]
Templates [3]
Toàn bộ thiết kế Template
Khác [0]
Rearch
Thống kê

Total online: 1
Guests: 1
Users: 0
Bản đồ truy cập
Locations of visitors to this page