javascript - Contentflow - キャプション テキストを動的にサイズ変更する方法は?

Question

コンテンツフローの画像にテキストを追加しようとしていますが、スクロールするときにテキストのサイズを変更して、テキストが動かないようにする必要があります。

http://www.jacksasylum.eu/ContentFlow/index.php

Answer 1

これを自動的に行う方法があるかどうかはわかりませんが、レスポンシブ Web デザインの時点で、CSS または jQuery を使用してフォント サイズをハードコアできます。

jQuery

$(window).on('resize', function(event) {
    if($(window).width() < 400) {
        $('.CAPTIONCLASS').css("font-size", "20");
    }
    else {
        $('.CAPTIONCLASS').css("font-size", "10");
    }
});

CSS

@media screen and (max-width: 400px) {
    .CAPTIONCLASS {
        font-size: 20px;
    }
}

@media screen and (max-width: 100px) {
    .CAPTIONCLASS {
        font-size: 15px;
    }
}