Swiper-Cards

Eine Variante des Coverflow-Effekts.

Für die Verwendung dieses Sets müssen natürlich die Inhaltsseiten angelegt werden, wie sie in der include.php unter $sw_pageSeries aufgeführt sind. Die versteckten Seiten sind zur Veranschaulichung hier sichtbar gemacht.

Die einzelnen Seiten müssen folgenden Inhalt haben (In der Ansicht Quelltext einfügen!):

<div class="cardPicture t-1"> </div>
<div class="cardDetail">
<p class="cardTitle">Swiper-Card 1</p>
<div class="cardSubtitle">Description for card</div>
</div>

Wobei "t-1" entsprechen dem Stylesheet (1 - 8) und natürlich der Inhalt "Swiper-Card 1" und "Description for card" jeweils angepasst werde müssen.

Der Aufruf für das Set im Inhalt lautet:

{{{op_Swiper('set_swiper-cards')}}}

Verwendete Seiten:
swiper-cards1, swiper-cards2, swiper-cards3, swiper-cards4, swiper-cards5, swiper-cards6, swiper-cards7, swiper-cards8

Swiper-Card 1

Description for card

Swiper-Card 2

Description for card

Swiper-Card 3

Description for card

Swiper-Card 4

Description for card

Swiper-Card 5

Description for card

Swiper-Card 6

Description for card

Swiper-Card 7

Description for card

Swiper-Card 8

Description for card

Download

Stichwortliste: Cards, Set, Swiper, Swiper-Cards, coverflow