当前位置: 首页 > 面试题库 >

可以一次在转盘上显示两个幻灯片吗?

杨学真
2023-03-14
问题内容

我刚刚开始学习Angular.js,并且在Angular-ui中使用Carousel控件。是否可以同时显示两个幻灯片而不是一个?

我想显示这些图像-

< image 1 image 2 >
then
< image 3 image 4 >
then
< image 5 image 6 >

这是一个示例-

http://plnkr.co/edit/BnErmMDl8nPvXPrw3ULu?p=preview


问题答案:

您可以将图像ng-repeat分组在一起,也可以将其分组。除了一些所需的样式修复之外,以下是方法:

http://plnkr.co/edit/5JFeZgTup7abIsjxOeqi?p=preview

HTML:

<carousel interval="myInterval">
  <slide ng-repeat="slideCollection in groupedSlides" active="slide.active">
    <div>
      <img ng-src="{{slideCollection.image1.image}}" style="margin:auto;">      
      <img ng-src="{{slideCollection.image2.image}}" style="margin:auto;">      
    </div>
  </slide>
</carousel>

JavaScript:

$scope.$watch('slides', function(values) {
  var i, a = [], b;

  for (i = 0; i < $scope.slides.length; i += 2) {
    b = { image1: $scope.slides[i] };

    if ($scope.slides[i + 1]) {
      b.image2 = $scope.slides[i + 1];
    }

    a.push(b);
  }

  $scope.groupedSlides = a;
}, true);


 类似资料:
  • 问题内容: 首先,我知道在回答不能解决我的问题之前就已经问过这个问题了,所以我想再问一遍:我使用了“ W3school”的幻灯片代码,该代码提供了很好的动画Jquery幻灯片。不幸的是,我的页面上需要多个,第二个页面使第一个页面无法正常工作。甚至在这里找到此解决方案之前,我都尝试过更改不同幻灯片对象的CSS和HTML名称,从而成功地解决了一部分问题(第二个未显示),但是如前所述,第一个问题停止了工

  • 我的logcat显示: 任何帮助都将不胜感激!谢谢!

  • 使用幻灯片组件,你需要在 sm.js 和 sm.css 之后额外引入如下两个文件: <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css"> <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-exte

  • 类似于幻灯片上的对象如何命名和调用 例如,我目前在哪里工作: 我需要做的事情大致如下: 主要是因为幻灯片可能是动态的,并且我不热衷于在每次幻灯片更改时更改每个代码块中每个幻灯片的引用。 老实说,在Powerpoint中找不到任何实际命名幻灯片的功能。我读过关于通过命名标题对象来做到这一点的功能,但这对我来说似乎没有意义,也不适合我。 希望你能帮忙!

  • Progress,进度条,用于上传、下载等耗时并且需要显示进度的场景,用户可以随时中断该操作。在mpvue框架中实现这个功能是基于小程序的原生progress 组件,这里主要说一下它percent属性: percent 类型:Float 默认值:无 可选值:0-100 说明:百分比0~100 要实现上传或者下载过程中显示进度的效果,就需要实时修改 percent属性的值,下面示例代码是每隔 20m

  • 幻灯片秀 自动依顺序显示每张图像。 播放幻灯片秀 同时播放音乐与幻灯片秀 使用操作接口 利用PSP™主机的按钮或线控装置进行操作