Mip-carousel Multi-Graph Carousel

Title	Content
Type	General
Support layout	Fixed-height,responsive
The required script	No

Sample

Response Layout

<Mip-carousel

Layout="Responsive"

width="the"

Height=">"

<mip-imgsrc="Yun_qi_img/300224654811132504044925945_950.jpg">

</mip-img>

<mip-imgsrc="Yun_qi_img/139-1503051fs0.jpg">

</mip-img>

<mip-imgsrc="Yun_qi_img/25.jpg">

</mip-img>

</Mip-carousel>

Automatic Wheel Seeding

<Mip-carousel

AutoPlay

Layout="Responsive"

width="the"

Height=">"

<mip-imgsrc="Yun_qi_img/300224654811132504044925945_950.jpg">

</mip-img>

<mip-img

src="Yun_qi_img/139-1503051fs0.jpg">

</mip-img>

<mip-img

src="Yun_qi_img/25.jpg">

</mip-img>

</Mip-carousel>

set up a carousel time interval

<Mip-carousel

AutoPlay

Defer="1000"

Layout="Responsive"

width="the"

Height=">"

<mip-img

src="Yun_qi_img/300224654811132504044925945_950.jpg">

</mip-img>

<mip-img

src="Yun_qi_img/139-1503051fs0.jpg">

</mip-img>

<mip-img

src="Yun_qi_img/25.jpg">

</mip-img>

</Mip-carousel>

Plus indicator

<Mip-carousel

AutoPlay

Defer="1000"

Layout="Responsive"

width="the"

Height="-"

Indicator

>

<mip-img

src="Yun_qi_img/300224654811132504044925945_950.jpg">

</mip-img>

<mip-img

src="Yun_qi_img/139-1503051fs0.jpg">

</mip-img>

<mip-img

src="Yun_qi_img/25.jpg">

</mip-img>

</Mip-carousel>

Add Page button

<Mip-carousel

AutoPlay

Defer="1000"

Layout="Responsive"

width="the"

Height="-"

Indicator

Buttoncontroller

>

<mip-img

src="Yun_qi_img/300224654811132504044925945_950.jpg">

</mip-img>

<mip-img

src="Yun_qi_img/139-1503051fs0.jpg">

</mip-img>

<mip-img

src="Yun_qi_img/25.jpg">

</mip-img>

</Mip-carousel>

Add subtitle

<mip-carousel
    AutoPlay
    defer="1000"

layout="Responsive"

width="the"

Height="-"

Indicator
    Buttoncontroller
    >
    <a target="_blank" href= "http://" Wenda.tianya.cn/m/question/1almfj0foas94gc7vtoq6ejbfbmdk3e78ehaa ">
        <mip-img

src= "yun_qi_img/139-1503051fs0.jpg " layout="responsive"

width = "the"

Height = "the" >

        </mip-img>
        <div class="Mip-carousle-subtitle"> This is title2</div>.
    </a>
    <mip-img

src="yun_qi_img/139-1503051fs0.jpg">
    </mip-img>
    <mip-img

src="yun_qi_img/25.jpg">
    </mip-img>
</mip-carousel>

Click the picture to jump

A mip-img node of a Mip-carousel direct child element needs to set the width and Height properties

<mip-carousel
    AutoPlay
    defer="1000"

layout="Responsive"

width="the"

Height=">
    <mip-img "

src="Yun_qi_img/300224654811132504044925945_950.jpg">

</mip-img>

<a target="_blank" href= "http://wenda.tianya.cn/m/question/ 1almfj0foas94gc7vtoq6ejbfbmdk3e78ehaa ">  

<mip-img

src="Yun_qi_img/139-1503051fs0.jpg"width=" height=" >
        </ mip-img>
    </a>
    <mip-img

src="yun_qi_img/25.jpg">
    </mip-img>
</mip-carousel>

Property

width

Description: Width, not actual width, with height attributes to set picture proportions

Required option: Yes

Type: Digital

Unit: None

Default value: None

Height

Description: Height, not the actual height, with width attributes to set the picture scale

Required option: Yes

Type: Digital

Unit: None

Default value: None

AutoPlay

Description: Automatic wheel-seeding switch

Required option: No

Type: string or null

Take value: "", AutoPlay

Unit: None

Default value: None

defer

Description: Each time interval of the carousel, if set AutoPlay, you can add defer to specify the time interval of the carousel

Required option: No

Type: Digital

Unit: MS

Default Value: 2000