如何设置在单击离子幻灯片时会出现喜欢的照片

时间:2019-09-12 10:12:11

标签: ionic2

我使用离子滑片来显示图片。一切正常,但我有一个问题:当我单击每张图片时-出现第一张图片。 我要设置的是,如果我点击图片编号2的示例,则该图片将作为开头,并按左排列-将出现编号1,而右出现#3,4,依此类推... 谢谢!

<ion-slides  [style.background-color]="color">   
  <ion-slide *ngFor="let item of images; let i=index">
    <img (click)='findclickcoordinants($event)' id="{{i}}" 
[src]="item.image.URL" style="height: 100%;padding-top: 0.5%;width: 
60%;align-self: center;-webkit-background-size:cover" />
<!-- <div (swipe)="($event.offsetDirection  == 4) ? goback():goforward()" 
*ngIf="img" id="image" (click)="findclickcoordinants($event)" [ngStyle]=" 
{'background-image':'url('+ item.image.URL +')'}" style="margin- 
left:20%;height: 100%;padding-top: 1%;width: 60%;align-self: center;- 
webkit-background-size:cover"> -->
    <p id="ooo" > {{NameObject}}</p>  
 <!-- </div>  -->

   

0 个答案:

没有答案