Gallery Modal JS

  1. function apppCustomModal(event) {
  2. $ = jQuery;
  3. event.preventDefault();
  4. $('.gallery-modal-image').attr( 'src', '' );
  5.  
  6. var UpClasses = 'slide-in-up-add ng-animate slide-in-up slide-in-up-add-active';
  7. var downClasses = 'slide-in-up-remove slide-in-up-remove-active';
  8.  
  9. //get href of button that matches id of modal div
  10. var ImageURL = $(this).attr('href');
  11.  
  12. // need to move .css to css file
  13. $('#gallery-modal').css('display', 'block').removeClass(downClasses).addClass(UpClasses);
  14. setTimeout(function() {
  15. $('.gallery-modal-image').attr( 'src', ImageURL );
  16. }, 300 );
  17.  
  18. }
  19.  
  20. jQuery(document).on('ready load_ajax_content_done', function($) {
  21. jQuery('.gallery-icon a').on( 'click', apppCustomModal );
  22. });
Scott Bolinger