main.js 891 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. /**
  2. * Button 2 Javascript
  3. */
  4. ( function( $ ) {
  5. function fancyImages() {
  6. var imgs = $( '.entry-content img.fancy' );
  7. for ( var i = 0, imgslength = imgs.length; i < imgslength; i++ ) {
  8. if ( '' !== $( imgs[i] ) ) {
  9. $( imgs[i] ).wrap( '<span class="fancy-image"></span>' );
  10. var fancyImg = $( imgs[i] ).closest( '.fancy-image' );
  11. if ( '' == $( imgs[i] ).closest( 'figure' ) ) {
  12. //This image is not captioned; carry over the classes
  13. fancyImg.addClass( $( imgs[i] ).attr( 'class' ) );
  14. fancyImg.removeClass( 'fancy' );
  15. }
  16. fancyImg.wrapInner( '<span class="corners"></span>' );
  17. fancyImg.append( '<span class="shadow"></span>' );
  18. }
  19. }
  20. }
  21. // After window loads
  22. $( window ).load( function() {
  23. fancyImages();
  24. } );
  25. // After infinite scroll loads new posts
  26. $( window ).on( 'post-load', function() {
  27. fancyImages();
  28. } );
  29. } )( jQuery );