Jquery 在旋转木马上隐藏箭头的问题
大家好,我很难让这个脚本正常工作。下面是示例url 我试图做的是根据文本的幻灯片位置隐藏控制箭头Jquery 在旋转木马上隐藏箭头的问题,jquery,controls,carousel,Jquery,Controls,Carousel,大家好,我很难让这个脚本正常工作。下面是示例url 我试图做的是根据文本的幻灯片位置隐藏控制箭头 var slideCount = $('#slider ul li').length; var slideWidth = $('#slider ul li').width(); var slideHeight = $('#slider ul li').height(); var sliderUlWidth = slideCount * slideWidth; $('#slider').css({
var slideCount = $('#slider ul li').length;
var slideWidth = $('#slider ul li').width();
var slideHeight = $('#slider ul li').height();
var sliderUlWidth = slideCount * slideWidth;
$('#slider').css({ width: slideWidth, height: slideHeight });
$('#slider ul').css({ width: sliderUlWidth, marginLeft: - slideWidth });
$('#slider ul li:last-child').prependTo('#slider ul');
function moveLeft() {
$('#slider ul').animate({ left: + slideWidth }, 200, function () {
$('#slider ul li:last-child').prependTo('#slider ul');
$('#slider ul').css('left', '');
return false;
});
if ('#firstf') {
$('a.control_prev').css('display', 'none'); }
else {
$(this).css('display', 'block');
};
};
function moveRight() {
$('#slider ul').animate({
left: - slideWidth
}, 200, function () {
$('#slider ul li:first-child').appendTo('#slider ul');
$('#slider ul').css('left', '');
return false;
});
if ('#lastf' ) {
$('a.control_next').css('display', 'none'); }
else {
$(this).css('display', 'block');
}
};
$('a.control_prev').click(function () {
moveLeft();
});
$('a.control_next').click(function () {
moveRight();
});
谢谢
$(document).ready(function () {
var slideCount = $('#slider ul li').length;
var slideWidth = $('#slider ul li').width();
var slideHeight = $('#slider ul li').height();
var sliderUlWidth = slideCount * slideWidth;
$('#slider').css({ width: slideWidth, height: slideHeight });
$('#slider ul').css({ width: sliderUlWidth, marginLeft: - slideWidth });
$('#slider ul li:last-child').prependTo('#slider ul');
firstf="firstf";
lastf="lastf";
firstorlast="";
function moveLeft() {
$('#slider ul').animate({ left: + slideWidth }, 200, function () {
$('#slider ul li:last-child').prependTo('#slider ul');
$('#slider ul').css('left', '');
firstorlast= $(this).find('li').attr('id');
if(firstorlast ==firstf)
{ $('a.control_prev').css('display', 'none');$('a.control_next').css('display', 'blok'); }
else if(firstorlast ==lastf){ $('a.control_next').css('display', 'none'); }
else{$('a.control_prev').css('display', 'blok');$('a.control_next').css('display', 'blok');}
return false;
});
};
function moveRight() {
$('#slider ul').animate({
left: - slideWidth
}, 200, function () {
$('#slider ul li:first-child').appendTo('#slider ul');
$('#slider ul').css('left', '');
firstorlast= $(this).find('li').attr('id');
if(firstorlast ==firstf)
{ $('a.control_next').css('display', 'none');$('a.control_prev').css('display', 'blok'); }
else if(firstorlast ==lastf){ $('a.control_next').css('display', 'none'); }
else{$('a.control_prev').css('display', 'blok');$('a.control_next').css('display', 'blok');}
return false;
});
};
$('a.control_prev').click(function () {
moveLeft();
});
$('a.control_next').click(function () {
moveRight();
});
});
和html
<div id="slider">
<a href="#" class="control_next"></a>
<a href="#" class="control_prev"></a>
<ul>
<li id="firstf"><input value="£1000"></li>
<li><input value="£900"></li>
<li><input value="£800"></li>
<li><input value="£700"></li>
<li><input value="£600"></li>
<li><input value="£500"></li>
<li><input value="£400"></li>
<li><input value="£300"></li>
<li><input value="£200"></li>
<li id="lastf"><input value="£100"></li></ul>
谢谢,我试着在这里添加,但没有效果。谢谢,我又尝试了一次,但仍然不走运,我想我会在一点时间内修复它。谢谢你的帮助。好的,现在我只需要修正它向上/向下递增的方式谢谢关于这个代码的最后一个问题使用你更新的代码笔如何让数字向下它显示在点击左侧时数字从1000到900,点击左侧时数字从1000到900,然后停止。如何让数字在单击左键时变为1000-100,然后停止上一帧,然后在下一帧中变为100-1000,因为初始帧下一帧是隐藏的。我知道我可以在单击之前隐藏下一个箭头,但序列已关闭。感谢所有帮助,我修复了它,使它按我需要的顺序排列。