I used this sample code at
this link
<div>
<a class="fancy-photo"
rel="group"
href="https://s3-ap-southeast-1.amazonaws.com/mmophotos/hospitals/ncr/165/internal/165_0.jpg">
<img src="https://s3-ap-southeast-1.amazonaws.com/mmophotos/hospitals/ncr/165/internal_tb/165_TB_0.jpg" />
</a>
<a class="fancy-photo"
rel="group"
href="https://s3-ap-southeast-1.amazonaws.com/mmophotos/hospitals/ncr/165/internal/165_1.jpg">
<img src="https://s3-ap-southeast-1.amazonaws.com/mmophotos/hospitals/ncr/165/internal_tb/165_TB_1.jpg" />
</a>
<a class="fancy-photo"
rel="group"
href="https://s3-ap-southeast-1.amazonaws.com/mmophotos/hospitals/ncr/165/internal/165_2.jpg">
<img src="https://s3-ap-southeast-1.amazonaws.com/mmophotos/hospitals/ncr/165/internal_tb/165_TB_2.jpg" />
</a>
</div>
$(document).ready(function () {
$(".fancy-photo").fancybox({
cyclic: true,
onUpdate: function () {
$(".fancybox-nav span").css({
visibility: "visible"
});
return;
},
afterClose: function () {
$(".fancybox-nav span").css({
visibility: "hidden"
});
return;
}
});
});