jetpack-tiled-gallery-item.php 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <?php
  2. $add_link = 'none' !== $this->link;
  3. // We do this for accessibility. Titles without alt's break screen readers.
  4. if ( empty( $item->image_alt ) && ! empty( $item->image_title ) ) {
  5. $item->image_alt = $item->image_title;
  6. }
  7. ?>
  8. <div class="tiled-gallery-item<?php if ( isset( $item->size ) ) echo " tiled-gallery-item-$item->size"; ?>" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
  9. <?php if ( $add_link ): ?>
  10. <a href="<?php echo $item->link; ?>" border="0" itemprop="url">
  11. <?php endif; ?>
  12. <meta itemprop="width" content="<?php echo esc_attr( $item->image->width ); ?>">
  13. <meta itemprop="height" content="<?php echo esc_attr( $item->image->height ); ?>">
  14. <?php ob_start() ?>
  15. <img
  16. <?php $this->partial( 'carousel-image-args', array( 'item' => $item ) ); ?>
  17. src="<?php echo esc_url( $item->img_src ); ?>"
  18. <?php if ( Jetpack::is_development_mode() ) : ?>
  19. srcset="<?php echo esc_attr( wp_get_attachment_image_srcset( $item->image->ID, 'full' ) ); ?>"
  20. sizes="<?php echo esc_attr( wp_calculate_image_sizes( array( $item->image->width, $item->image->height ) ) ); ?>"
  21. <?php endif ?>
  22. width="<?php echo esc_attr( $item->image->width ); ?>"
  23. height="<?php echo esc_attr( $item->image->height ); ?>"
  24. data-original-width="<?php echo esc_attr( $item->image->width ); ?>"
  25. data-original-height="<?php echo esc_attr( $item->image->height ); ?>"
  26. itemprop="http://schema.org/image"
  27. title="<?php echo esc_attr( $item->image_title ); ?>"
  28. alt="<?php echo esc_attr( $item->image_alt ); ?>"
  29. style="width: <?php echo esc_attr( $item->image->width ); ?>px; height: <?php echo esc_attr( $item->image->height ); ?>px;"
  30. />
  31. <?php echo VamtamOverrides::maybe_lazyload( ob_get_clean(), $item->image->ID, 'full', false ) ?>
  32. <?php if ( $add_link ): ?>
  33. </a>
  34. <?php endif; ?>
  35. <?php if ( $this->grayscale == true ): ?>
  36. <?php if ( $add_link ): ?>
  37. <a href="<?php echo $item->link; ?>" border="0" itemprop="url">
  38. <?php endif; ?>
  39. <meta itemprop="width" content="<?php echo esc_attr( $item->image->width ); ?>">
  40. <meta itemprop="height" content="<?php echo esc_attr( $item->image->height ); ?>">
  41. <img
  42. class="grayscale"
  43. src="<?php echo esc_url( $item->img_src_grayscale ); ?>"
  44. width="<?php echo esc_attr( $item->image->width ); ?>"
  45. height="<?php echo esc_attr( $item->image->height ); ?>"
  46. data-original-width="<?php echo esc_attr( $item->image->width ); ?>"
  47. data-original-height="<?php echo esc_attr( $item->image->height ); ?>"
  48. itemprop="http://schema.org/image"
  49. title="<?php echo esc_attr( $item->image_title ); ?>"
  50. align="left"
  51. alt="<?php echo esc_attr( $item->image_alt ); ?>"
  52. style="width: <?php echo esc_attr( $item->image->width ); ?>px; height: <?php echo esc_attr( $item->image->height ); ?>px;"
  53. />
  54. <?php if ( $add_link ): ?>
  55. </a>
  56. <?php endif; ?>
  57. <?php endif; ?>
  58. <?php if ( trim( $item->image->post_excerpt ) ): ?>
  59. <div class="tiled-gallery-caption" itemprop="caption description">
  60. <?php echo wptexturize( $item->image->post_excerpt ); ?>
  61. </div>
  62. <?php endif; ?>
  63. </div>