Contentflow - как сделать текст подписи для динамического изменения размера?

Question

Я пытаюсь добавить текст к изображениям в contentflow, но при прокрутке их мне нужен текст для изменения размера, чтобы текст не перемещался.

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

Answer 1

Я не знаю, есть ли автоматический способ сделать это, но, как отзывчивый веб-дизайн вы можете хардкор размера шрифта через 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; 
    } 
}