Ekko lightbox Bild drehen

Question

Ich versuche, Bild in ekko-lightbox zu drehen, aber bisher nicht erfolgreich gewesen. Hier ist jsfiddle für Sie herum basteln. Danke im Voraus.

$(document).on('click', '[data-toggle="lightbox"]', function(event) { 
    event.preventDefault(); 
    $(this).ekkoLightbox({ 
     onShow: function() { 
     $('.ekko-lightbox-container').append('<div class="rotate-button"><a href="#" class="pull-right rotate" style="font-size: 18px;padding: 3px 0;"><i class="fa fa-repeat" aria-hidden="true"></i> Rotate</a></div>') 

     var degrees = 0; 
     $('.rotate').bind('click', function(event) { 
       event.preventDefault(); 
       var $lightboxphoto = $('.ekko-lightbox').children().find('img'); 
       degrees += 90; 
       $lightboxphoto.css('-ms-transform', 'rotate(' + degrees + 'deg)'); 
       $lightboxphoto.css('-webkit-transform', 'rotate(' + degrees + 'deg)');  
     }); 
     }, 
    }); 
}); 

Answer 1

diese CSS hinzufügen

.rotate-button { 
    position: absolute; 
    right: 0; 
} 

.modal-body .ekko-lightbox-item { 
    overflow: hidden; 
} 

Arbeiten Geige

https://jsfiddle.net/rhhs018p/10/