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

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