Jquery 我可以为其内容创建具有可变高度的尾波滑块导航吗?
如今,大多数人都很清楚尾波滑块效应,但即使在谷歌上搜索,我也找不到答案 问题:如何创建尾波滑块式导航,该导航使用水平滑动/滚动,但在滑动动画期间将其高度调整为内容所需的高度 例如,第一张“幻灯片”中只有一张图片,宽400px,高300px,但下一张幻灯片中有大量信息,包括图片、文本和视频内容,总宽400px,高800px。 现在,首先创建一个800px高的容器只是浪费幻灯片1的空间,因此我需要根据单个幻灯片内容所需的高度动态更改幻灯片容器的高度 这可能吗? 也许外面有个教程,你们中的一位可以给我指一下 就技术而言,我非常适应xHTML和CSS,但对jQuery和PHP只是个业余爱好者。 虽然这不应该限制你的回答,但在解释问题时请记住这一点 非常感谢您的阅读, 我期待着您的想法、解决方案和总体投入Jquery 我可以为其内容创建具有可变高度的尾波滑块导航吗?,jquery,css,variables,height,coda-slider,Jquery,Css,Variables,Height,Coda Slider,如今,大多数人都很清楚尾波滑块效应,但即使在谷歌上搜索,我也找不到答案 问题:如何创建尾波滑块式导航,该导航使用水平滑动/滚动,但在滑动动画期间将其高度调整为内容所需的高度 例如,第一张“幻灯片”中只有一张图片,宽400px,高300px,但下一张幻灯片中有大量信息,包括图片、文本和视频内容,总宽400px,高800px。 现在,首先创建一个800px高的容器只是浪费幻灯片1的空间,因此我需要根据单个幻灯片内容所需的高度动态更改幻灯片容器的高度 这可能吗? 也许外面有个教程,你们中的一位可以给我
Jannis我最近推出了自己的。希望这里是一个有用的起点 这是我的“下一步按钮”的代码
var canSlide = true;
$('.next').bind('click', function() {
if (!canSlide) { return false } // prevent queuing up of multiple clicks
$('.prev').fadeIn(500);
canSlide = false;
$('.testimonials-container').animate({ left: '-=1011px' }, 1000, function() { canSlide = true });
if (currentPane == totalPanes) {
$('.next').fadeOut(500);
canScroll = false;
} else {
currentPane++;
}
要让它调整其高度,只需在动画的JSON参数中添加一个高度。比如
.animate({left: '-=1011px', height: newHeight + 'px'})
当然,您需要一些JavaScript来计算下一个高度应该是多少