Move fotorama arrows outside stage

Question

Is it possible to move the fotorama arrows out of div.fotorama_stage and into div.fotorama_nav-wrap?

I am looking to position my arrows on either side of the na

Answer 1

Here is my friend http://jsfiddle.net/meickol/72jTR/

HTML

SCRIPT

  // 1. Initialize fotorama manually.
    var $fotoramaDiv = jQuery('.fotorama_custom').fotorama();

    // 2. Get the API object.
    var fotorama = $fotoramaDiv.data('fotorama');

// add our buttons 

    jQuery("
<
").insertBefore(".fotorama__nav-");
    jQuery("
>
").insertAfter(".fotorama__nav-");


// make the buttons functionality
    jQuery('.fotorama_custom__arr--prev').click(function () {
        fotorama.show('<');
    });
    jQuery('.fotorama_custom__arr--next').click(function () {
        fotorama.show('>');
    });