カルーセルswiper小型マイクロチャネルプログラムのプレビュー]をクリックします

多くの初心者の白は私Baiduは、現在の画像のアドレスを記入し、埋めるために2つのアドレスを述べた記事wx.previewImageの記事の多くは、多くは理解していないプレビューをクリックし、私もピットの多くを踏んで車輪の上にブロードキャストすることができますそしてアドレスあなたが画像をプレビューしたいすべてのセットの配列を、本を書くことの効果をクリックして、私は単純に言って、私に直接コードで、

<画像bindtap = "previewImage" データSRC = '{{アイテム}}' SRC = "{{item.url}}" クラス= "スライド画像" />

あなたは、画像をクリックしてデータを取得し、もちろん、WXイベントをプルアップするためにバインドされます：ハを横断するために、私は重要な位置を始めているが、その後、私たちは、JSの配列を記述することで行ってきました

imgUrls：[

{

URL： 'http://i2.tiimg.com/710528/85b159126708f624.jpg'

}、{

URL： 'http://i2.tiimg.com/710528/7dbc278868e2d81b.jpg'

}、{

URL： 'http://i2.tiimg.com/710528/3ea1d72d1825c991.jpg'

}

]、

その後、イベントは書き始めました

previewImage：関数（E）{

VAR項目= e.currentTarget.dataset.item。

VAR imgUrls = e.currentTarget.dataset.item。

//画像のプレビュー

wx.previewImage（{

現在：imgUrls、// HTTP現在表示されている画像へのリンク

URLを：[ 'http://i2.tiimg.com/710528/85b159126708f624.jpg'、 'http://i2.tiimg.com/710528/7dbc278868e2d81b.jpg'、「http://i2.tiimg.com/ 710528 / 3ea1d72d1825c991.jpg「] // HTTPリンクは、プレビュー画像の一覧に必要

}）

}、

絵が自分のアドレスを変更することができ、おそらくそうである、と私はwxmlコードについて行わ

<表示複数の項目swiper = "数" インジケータドット= "{{indicatorDots}}" 自動再生= "{{自動再生}}" 間隔= "{{間隔}}" 期間= "{{期間}}" 円形> = "true" を

<ブロックWXのための：= "{{imgUrls}}">

<swiper項目>

<画像bindtap = "previewImage" データSRC = '{{アイテム}}' SRC = "{{item.url}}" クラス= "スライド画像" />

</ swiper項目>

</ブロック>

</ swiper>