Kullanım örnekleri, vikimetin veya resimlerin herhangi bir kombinasyonuyla slaytlar oluşturmayı veya durağan çerçeve resim kümelerinden GIF benzeri animasyonlar oluşturmayı içerir.

Installation

Usage

Blok öge slaytları kullanma

Temel kullanım aşağıdaki HTML kodunu gerektirir.

<div class="ts-container">
	<div class="ts-slide ts-active">Slayt 1</div>
	<div class="ts-slide">Slayt 2</div>
	<div class="ts-slide">Slayt 3</div>
</div>

• Kaydırıcı yapmak için <div class="ts-container"></div> etiketlerine ihtiyacınız var.
• Tek tek slaytlar oluşturmak için kabın içine başka bir <div class="ts-slide">İÇERİĞİNİZİ BURAYA</div> ekleyin.
• Slaytlardan tam olarak birinde HTML'nizde class="ts-active" yukarıdaki örnek olması kesinlikle önerilir (ancak zorunlu değildir). Bu, şu anda görünür olan slaydı tanımlayan sınıftır. Bunu yaparsanız, kaydırıcı için JavaScript'in yüklenememesi durumunda güzel bir güvenlik seçeneği olarak çalışır.

Satır içi öge slaytlarını kullanma

Örneğin, bir cümlenin ortasında tek bir kelimeyi değiştirerek satır içi slaytlar da yapabilirsiniz.

<div class="ts-container ts-container-inline">
    <span class="ts-slide">kuş mu</span>
    <span class="ts-slide">uçak mı</span>
    <span class="ts-slide">UFO mu</span>
    <span class="ts-slide">[https://www.google.com/search?q=k%C3%B6pekbal%C4%B1%C4%9F%C4%B1+istilas%C4%B1 köpek bağılı istilası] mı</span>
</div>

Demolar

Nedir bu, kuş muuçak mıUFO muköpek bağılı istilası mı?

Animasyon. GIF gibi ama değil.

Configuration

Seçenek

data-delay-ms

Description

Slaytların değişmesi arasındaki gecikmeyi (milisaniye cinsinden) ayarlar. Varsayılan değer 2000'dir (veya 2 saniye). Minimum değer 100'dür. bundan daha hızlı bir zamanlayıcı ayarlamak mümkün değildir.

Example

<div class="ts-container" data-delay-ms="500">
    <!-- Kullanım bölümünde gösterildiği gibi kabın içinde kayar -->
</div>