How to click anchor?

[raysefo]

Hello,

When the user clicks the image it disappears and UL part starts to display. I would like to click on an anchor tag and open a fancybox. Is there a way to do it?

Here is my sample HTML:

`

                    <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-file-image-o"></i> <a id="zm" class="fancybox1" rel="gallery4" href="/images/flyers/smart_agriculture_.jpg" data-zoom-image="/images/flyers/smart_agriculture_l.jpg">Ek</a>
                        </li>
                        <li lang="tr">
                            <i class="fa fa-file-image-o"></i> **<a class="fancybox1" rel="gallery0" href="/images/flyers/smart_agriculture1_.jpg">Ek</a>**
                        </li>
                    </ul>
                </div>`

[raysefo]

here is the script for cycling. How to click on anchor and display fancybox with zoom?

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

[raysefo]

any idea?

[raysefo]

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

fancybox inside ul does NOT work!!!

[raysefo]

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