Sau đó, sao chép và dán đoạn mã sau trên mã </ head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
<! - / / -> <[CDATA [/ /> <-
(function ($) {
$ fn.s3Slider = function (VAR) {
var element = này;
var timeout = (vars.timeOut =! ? không xác định) vars.timeOut: 4000;
var hiện tại = null
var timeOutFn = null;
var faderStat = true;
mover var = false
. "Nội dung" var items = $ ("#" + yếu tố [0] id + + element [0] id + "Image");.
var itemsSpan = $ ("#" + element [0] id + + yếu tố [0] id + "Hình ảnh khoảng") "Nội dung";
items.each ( chức năng (i) {
$ (bài [i]) mouseover (function () {.
mover = true;
});
$ (mục [i]) mouseout (function () {.
mover = false;
fadeElement (true);
} );
});
var fadeElement = function (isMouseOut) {
var thisTimeOut = (isMouseOut) (thời gian chờ / 2): Timeout;
thisTimeOut = (faderStat) 10: thisTimeOut;
nếu (items.length> 0) {
timeOutFn = setTimeout (makeSlider, thisTimeOut);
} else {
console.log ("Poof ..");
}
}
var makeSlider = function () {
hiện tại = (current! = null) hiện nay: các mặt hàng [(items.length-1)] ;
var currNo = jQuery.inArray (hiện tại, các hạng mục) + 1
currNo = (== currNo items.length) 0: (currNo - 1);
var newMargin = $ (element) chiều rộng () * currNo
if (faderStat == true) {
if (mover) {
$ (bài currNo]). fadeIn ((thời gian chờ / 6), function () {
if ($ (itemsSpan currNo]). css ('bottom') == 0 ) {
$ (itemsSpan [currNo]) slideUp ((thời gian chờ / 6), chức năng () {
faderStat = false;
hiện tại = mục [currNo];
(mover) {
fadeElement (false);
}
});
} else {
$ (itemsSpan [currNo]) slideDown ((thời gian chờ / 6), function () {.
faderStat = false;
hiện tại = mục [currNo];
if (mover) {!
fadeElement (false);
}
});
}
}) ;
}
} else {
if (mover) {
if ($ (itemsSpan [currNo]) css ('bottom') == 0) {
$ (itemsSpan [currNo]) slideDown ((thời gian chờ / 6), chức năng (. ) {
$ (bài [currNo]) fadeOut ((thời gian chờ / 6.), function () {
faderStat = true;
hiện tại = mục [(currNo +1)];
nếu (mover) {
fadeElement (false);
}
} );
});
} else {
$ (itemsSpan [currNo]) slideUp ((thời gian chờ / 6), chức năng () {
$ (bài [currNo]) fadeOut ((thời gian chờ / 6), function () {
faderStat = true;
hiện tại = mục [(currNo +1)];
nếu (mover) {
fadeElement (false);
}
});
});
}
}
}
}
makeSlider ();
};
}) (jQuery);
/ / - -> <]]> </ script>
<script type='text/javascript'>
$ (document) đã sẵn sàng (function () {
$ ('# s3slider') s3Slider ({.
thời gian chờ: 4000
});
});
</ script>
Sau đó, chuẩn bị các hình ảnh và các url sẽ được hiển thị trong slideshow menu, nếu bạn đã có một hình ảnh và url của nó, xin vui lòng sao chép và dán mã sau đây sau khi mã <div id='main-wrapper'>
<div id='slider-holder'>
<div id='s3slider'>
<ul id='s3sliderContent'>
<li class='s3sliderImage' style='display: list-item;'>
<a href = 'LAY liên kết ở đây 1 '> <img src ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMuJwQ6Q3Eez7U7J_dIPH3f_IBGSTSAfE_H0zfVd2v24rGIjIagzh6eBQA6J2pa_Yhzpu7juqO0UwFjWlWlQI257fF5gKhKiT_bZ2bQg5qA2w2bvHAmHEPK2BF2z4rsRQDypfpDF3EWuw/s1600/NorahJones.jpg 'style = "width: 660px; height: 200px;' /> </ a>
<span style='display: block;'>
<a class='featured-title block' href='LETAK NÀY LINK IMAGE HERE 1'> Norah Jones </ a> <br/>
Norah Jones là một nhạc sĩ nhạc jazz đã được nhận được một giải Grammy
</ span>
</ li>
<li class='s3sliderImage' style='display: none;'>
2 '> <a href =' LETAK LINK HERE <img src = " http: / / 4.bp.blogspot.com/_iPWSNaVgMts/TQyS_9SxP4I/AAAAAAAAACE/oxCVpT57mS8/s1600/174456_1_f.jpg 'style = "width: 660px; height: 200px;" /> </ a>
<span style = "display: none >
<a class='featured-title block' href='LETAK LINK Fourplay 2'> TẠI ĐÂY </ a> <br/>
Không cần hiện có tác phẩm đã được mô tả ở trên
</ span>
</ li>
<li class = 's3sliderImage' style = "display: none; '>
<a href='LETAK 3'> LINK HERE <img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdmNScONNlKt_tGKvnY4eyeZY7cpHPJXNGEW9VXtos7IEQg5H_MA0fU7XmIILrRLiQYre_r-tBo3sTZV4zuUaA6eFy90a7c4v_sLYse5kGVIPbirUQrG-8PjnneeK3izGh3t1rnjavf2Q/s1600/ andien.jpg 'style = "width: 660px; height: 200px;" /> </ a>
<span style='display: none;'>
<a class = "tính năng-tiêu đề khối 'href =' liên kết ở đây LAY 3 '> MBAK Andien </ a> <br/>
Đây là người người ..............
</ span>
</ li>
<li class = 's3sliderImage' style = "display: không có ; '>
<a href='LETAK 4'> LINK HERE <img style = "width: 660px; height: 200px; '/> </ a>
<span style='display: none;'>
<a class='featured-title block' href='LETAK LINK HERE 4'> Alanis Morissette </ a> <br/>
không nhìn tốt, nhưng bài hát tất cả các bạn bè của tôi đã lắng nghe
</ span>
</ li>
<li class='s3sliderImage' style='display: none;'>
<a href = 'LAY liên kết ở đây 5 '> <img style = "width: 660px; height: 200px; '/> </ a>
<span style='display: none;'>
<a class='featured-title block' LINK 5'> href='LETAK ĐẸP PHỤ NỮ </ a> <br/>
Bất cứ ai cố gắng tìm cô gái ở trên? Tình yêu và câu trả lời trong hộp bình luận ya ....
</ span>
</ li>
<li class='clear s3sliderImage'/>
</ ul>
</ div>
</ div>
Lưu Mẫu
