Popover Basic
Lorem Ipsum 1

Lorem ipsum dolor sit amet, ne est populo dictas, et pri ferri ubique labitur.

Mel ad euismod adipiscing moderatius eos an decore quodsi animal.

Lorem Ipsum 3

Lorem ipsum dolor sit amet, ne est populo dictas, et pri ferri ubique labitur.

Mel ad euismod adipiscing moderatius eos an decore quodsi animal.

Lorem Ipsum 2

Lorem ipsum dolor sit amet, ne est populo dictas, et pri ferri ubique labitur.

Mel ad euismod adipiscing moderatius eos an decore quodsi animal.

Lorem ipsum dolor sit amet, ne est populo dictas, et pri ferri ubique labitur.



view Code

Include animation css3 Animation daneden

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" />
    

Add this tag element inside selector scalize
<div><a href="#" class="toggle"></a></div>

    <div class="scalize">
        <!-- Start Popover Template -->
        <div id="content1" class="content right bottom">
            <div class="head">
                <a href="#" class="exit"><img src="img/close.png" alt="" /></a>
                <h6 class="title">Lorem Ipsum 1</h6>
            </div>
            <div class="body">
                <p>Lorem ipsum dolor sit amet, ne est populo dictas, et pri ferri ubique labitur.</p>
                <p>Mel ad euismod adipiscing moderatius eos an decore quodsi animal.</p>
            </div>
        </div>
        ...
        <!-- End Popover Template -->

        <img src="img/img01.jpg" alt="" class="target">
        <!-- Start Item Point -->
        <div class="item-point" data-top="730" data-left="227" data-popover="#content1">
            <div><a href="#" class="toggle"></a></div>
        </div>
        ...
    </div>
    

Options

animationPopoverOut More Animation
animationPopoverIn More Animation
getSelectorElement

e => element of selector

    function(e){
        // Selector On Click
        console.log(e.data('top'));
    }    
    
    $('.scalize').scalize({
        styleSelector: 'circle',
        animationPopoverIn: 'flipInY',
        animationPopoverOut: 'flipOutY'
    });
    
Follow @adamnurdin01 Star