How to open fancybox modal pop up?

[raysefo]

Hello guys,

I would like to open fancybox modal when users clicks an anchor tag inside of this div. (Cycling occurs when users click the div.) HTML:

<div id="right4" class="pics">
    <img class="img-center" src="images/smart-agriculture1.png" width="168" height="168" alt="Akıllı Tarım"/>
    <ul class="solutions-ul">
        <li lang="tr">
            <i class="fa fa-caret-right"></i> Gübreleme
        </li>
        <li lang="tr">
            <i class="fa fa-caret-right"></i> Şarap Kalite Artırılması
        </li>
        <li lang="tr">

            <i class="fa fa-caret-right"></i> <a class="fancybox" rel="gallery4" href="/images/flyers/smart_agriculture.jpg">Akıllı Tarım</a>
        </li>
    </ul>
</div>

Here is the JQuery:

$("#right4").cycle({
    fx: 'curtainX',
    next: '#right',
    timeout: 0,
    easing: 'easeInOutBack'
});

Here is fancybox jquery:

$(document).ready(function () {
    $(".fancybox").fancybox({
        autoSize: true,
        fitToView: true,


    });

});

Jquery cycle:

$("right4").cycle({
                fx: 'scrollRight',
                next: '#right4',
                timeout: 0,
                easing: 'easeInOutBack'
            });

[raysefo]

any idea how to manage?

[raysefo]

here is codepen: http://codepen.io/cenkkizildag/pen/rLezog

[raysefo]

why I can NOT click anchor tag and popup fancybox inside of cycle?