Next, we need to create the previous and next links that are overlaid above the images and allow the visitor to cycle through the images. Add the following chunk of code beneath the $.fn.extend()
section we just added:
$.tranzify.createUI = function(config) { var imgLength = $(config.selector).find("img").length, prevA = $("<a></a>", { id: config.prevID, href: "#", html: "«", click: function(e) { e.preventDefault(); $(config.selector).find("a").css("display", "none"); $.tranzify.createOverlay(config); var currImg = $("." + config.visibleClass, $(config.selector)); if(currImg.prev().filter("img").length > 0) { currImg.removeClass(config.visibleClass).prev().addClass(config.visibleClass); } else { currImg.removeClass(config.visibleClass); $(config.selector).find("img").eq(imgLength - 1).addClass(config.visibleClass); } $.tranzify.runTransition(config...