Caption with animated blocks

ali.adlah's Avatar

ali.adlah

19 Sep, 2018 07:57 AM

Hi,
how can i make the Caption animates down of the Photo

  1. Support Staff 1 Posted by Dmitry Semenov on 19 Sep, 2018 08:04 AM

    Dmitry Semenov's Avatar

    Hello,

    You may either use built-in animated blocks feature, example here http://jsfiddle.net/DmitrySemenov/v23xw7hc/ Or implement the animation manually via CSS transitions.

  2. 2 Posted by ali.adlah on 19 Sep, 2018 08:27 AM

    ali.adlah's Avatar

    Hello ,
    first thanks for your tipps about animated Caption,
    how can i add a Variable to each Slide like ImageID ,after that i will check this Variable dynamic.
    thanks in advance.

    ________________________________
    Sitz der Gesellschaft und Registergericht: Fürth (HRB 14364)
    Geschäftsführer: Hans Ippisch (Vorsitzender), Rainer Rosenbusch
    Umsatzsteuer-Identifikationsnummer: DE 812 575 276

  3. Support Staff 3 Posted by Dmitry Semenov on 19 Sep, 2018 02:40 PM

    Dmitry Semenov's Avatar

    You may access HTML content of a current slide like so:

     $('.royalSlider').data('royalSlider').currSlide.content
    

    http://dimsemenov.com/plugins/royal-slider/documentation/#api

  4. 4 Posted by ali.adlah on 20 Sep, 2018 03:20 PM

    ali.adlah's Avatar

    Hi Dmitry ,
    I add all the Elements of the Slider dynamic with jQuery,
    but I get in the Consol:
    "Uncaught TypeError: Cannot read property 'caption' of undefined"

    Thanks in advance

    ________________________________
    Sitz der Gesellschaft und Registergericht: F?rth (HRB 14364)
    Gesch?ftsf?hrer: Hans Ippisch (Vorsitzender), Rainer Rosenbusch
    Umsatzsteuer-Identifikationsnummer: DE 812 575 276

  5. Support Staff 5 Posted by Dmitry Semenov on 20 Sep, 2018 05:29 PM

    Dmitry Semenov's Avatar

    Please link to the page that you're working on and provide more details on what exactly code do you add.

  6. 6 Posted by Ali on 21 Sep, 2018 08:21 AM

    Ali's Avatar

    I have at the Beginning in the DOM-tree only the Parent-Div , which is empty, no childs
    <div class="royalSlider rsDefault" style="min-height:200px;">
             </div>

    then on document.ready
    sliderJQ = $(".royalSlider").royalSlider({
                globalCaption : true
              });
     on Debug I get this
    "Uncaught TypeError: Cannot read property 'caption' of undefined" .

  7. Support Staff 7 Posted by Dmitry Semenov on 21 Sep, 2018 02:59 PM

    Dmitry Semenov's Avatar

    The plugin require at least one slide, please refer to step #2 at http://dimsemenov.com/plugins/royal-slider/documentation/#basic-usage

  8. 8 Posted by ali.adlah on 13 Nov, 2018 10:06 AM

    ali.adlah's Avatar

    Hi,
    I am pulling slide data (images) in via AJAX and I'd like to enable the loop option when I reach the ende oft the slider..

    My Code is slider.st.loop = true;
    But it dose not work.

    Thanks

    ________________________________
    Sitz der Gesellschaft und Registergericht: F?rth (HRB 14364)
    Gesch?ftsf?hrer: Hans Ippisch (Vorsitzender), Rainer Rosenbusch
    Umsatzsteuer-Identifikationsnummer: DE 812 575 276

  9. Support Staff 9 Posted by Dmitry Semenov on 13 Nov, 2018 11:58 AM

    Dmitry Semenov's Avatar

    Hello,

    You need to have at least 3 slides to enable continuous loop, so make sure that you initialize slider after it has at least three slides.

    Loop option also can not be changed dynamically since it greatly modifies the structure of the slider, so make sure that you set it during initialization.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac