/**
* Adds 'srcset' and 'sizes' attributes to an existing 'img' element.
*
* @since 4.4.0
*
* @see wp_calculate_image_srcset()
* @see wp_calculate_image_sizes()
*
* @param string $image An HTML 'img' element to be filtered.
* @param array $image_meta The image meta data as returned by 'wp_get_attachment_metadata()'.
* @param int $attachment_id Image attachment ID.
* @return string Converted 'img' element with 'srcset' and 'sizes' attributes added.
*/
function wp_image_add_srcset_and_sizes($image, $image_meta, $attachment_id)
{
// Ensure the image meta exists.
if (empty($image_meta['sizes'])) {
return $image;
}
$image_src = preg_match('/src="([^"]+)"/', $image, $match_src) ? $match_src[1] : '';
list($image_src) = explode('?', $image_src);
// Return early if we couldn't get the image source.
if (!$image_src) {
return $image;
}
// Bail early if an image has been inserted and later edited.
if (preg_match('/-e[0-9]{13}/', $image_meta['file'], $img_edit_hash) && strpos(wp_basename($image_src), $img_edit_hash[0]) === false) {
return $image;
}
$base_url = trailingslashit(_wp_upload_dir_baseurl());
$image_base_url = $base_url;
$dirname = dirname($image_meta['file']);
if ($dirname !== '.') {
$image_base_url .= trailingslashit($dirname);
}
$all_sizes = wp_list_pluck($image_meta['sizes'], 'file');
foreach ($all_sizes as $key => $file) {
$all_sizes[$key] = $image_base_url . $file;
}
// Add the original image.
$all_sizes[] = $base_url . $image_meta['file'];
// Bail early if the image src doesn't match any of the known image sizes.
if (!in_array($image_src, $all_sizes)) {
return $image;
}
$width = preg_match('/ width="([0-9]+)"/', $image, $match_width) ? (int) $match_width[1] : 0;
$height = preg_match('/ height="([0-9]+)"/', $image, $match_height) ? (int) $match_height[1] : 0;
if (!$width || !$height) {
/*
* If attempts to parse the size value failed, attempt to use the image meta data to match
* the image file name from 'src' against the available sizes for an attachment.
*/
$image_filename = wp_basename($image_src);
if ($image_filename === wp_basename($image_meta['file'])) {
$width = (int) $image_meta['width'];
$height = (int) $image_meta['height'];
} else {
foreach ($image_meta['sizes'] as $image_size_data) {
if ($image_filename === $image_size_data['file']) {
$width = (int) $image_size_data['width'];
$height = (int) $image_size_data['height'];
break;
}
}
}
}
if (!$width || !$height) {
return $image;
}
$size_array = array($width, $height);
$srcset = wp_calculate_image_srcset($size_array, $image_src, $image_meta, $attachment_id);
if ($srcset) {
// Check if there is already a 'sizes' attribute.
$sizes = strpos($image, ' sizes=');
if (!$sizes) {
$sizes = wp_calculate_image_sizes($size_array, $image_src, $image_meta, $attachment_id);
}
}
if ($srcset && $sizes) {
// Format the 'srcset' and 'sizes' string and escape attributes.
$attr = sprintf(' srcset="%s"', esc_attr($srcset));
if (is_string($sizes)) {
$attr .= sprintf(' sizes="%s"', esc_attr($sizes));
}
// Add 'srcset' and 'sizes' attributes to the image markup.
$image = preg_replace('/<img ([^>]+?)[\\/ ]*>/', '<img $1' . $attr . ' />', $image);
}
return $image;
}
/**
* Create image tag markup for a custom header image.
*
* @since 4.4.0
*
* @param array $attr Optional. Additional attributes for the image tag. Can be used
* to override the default attributes. Default empty.
* @return string HTML image element markup or empty string on failure.
*/
function get_header_image_tag($attr = array())
{
$header = get_custom_header();
if (empty($header->url)) {
return '';
}
$width = absint($header->width);
$height = absint($header->height);
$attr = wp_parse_args($attr, array('src' => $header->url, 'width' => $width, 'height' => $height, 'alt' => get_bloginfo('name')));
// Generate 'srcset' and 'sizes' if not already present.
if (empty($attr['srcset']) && !empty($header->attachment_id)) {
$image_meta = get_post_meta($header->attachment_id, '_wp_attachment_metadata', true);
$size_array = array($width, $height);
if (is_array($image_meta)) {
$srcset = wp_calculate_image_srcset($size_array, $header->url, $image_meta, $header->attachment_id);
$sizes = !empty($attr['sizes']) ? $attr['sizes'] : wp_calculate_image_sizes($size_array, $header->url, $image_meta, $header->attachment_id);
if ($srcset && $sizes) {
$attr['srcset'] = $srcset;
$attr['sizes'] = $sizes;
}
}
}
$attr = array_map('esc_attr', $attr);
$html = '<img';
foreach ($attr as $name => $value) {
$html .= ' ' . $name . '="' . $value . '"';
}
$html .= ' />';
/**
* Filter the markup of header images.
*
* @since 4.4.0
*
* @param string $html The HTML image tag markup being filtered.
* @param object $header The custom header object returned by 'get_custom_header()'.
* @param array $attr Array of the attributes for the image tag.
*/
return apply_filters('get_header_image_tag', $html, $header, $attr);
}
/**
* Adds 'srcset' and 'sizes' attributes to an existing 'img' element.
*
* @since 4.4.0
*
* @see 'wp_get_attachment_image_srcset()'
* @see 'wp_get_attachment_image_sizes()'
*
* @param string $image An HTML 'img' element to be filtered.
* @param array $image_meta The image meta data as returned by 'wp_get_attachment_metadata()'.
* @param int $attachment_id Image attachment ID.
* @return string Converted 'img' element with 'srcset' and 'sizes' attributes added.
*/
function wp_image_add_srcset_and_sizes($image, $image_meta, $attachment_id)
{
// Ensure the image meta exists.
if (empty($image_meta['sizes'])) {
return $image;
}
$src = preg_match('/src="([^"]+)"/', $image, $match_src) ? $match_src[1] : '';
list($src) = explode('?', $src);
// Return early if we couldn't get the image source.
if (!$src) {
return $image;
}
// Bail early if an image has been inserted and later edited.
if (preg_match('/-e[0-9]{13}/', $image_meta['file'], $img_edit_hash) && strpos(wp_basename($src), $img_edit_hash[0]) === false) {
return $image;
}
$width = preg_match('/ width="([0-9]+)"/', $image, $match_width) ? (int) $match_width[1] : 0;
$height = preg_match('/ height="([0-9]+)"/', $image, $match_height) ? (int) $match_height[1] : 0;
if (!$width || !$height) {
/*
* If attempts to parse the size value failed, attempt to use the image meta data to match
* the image file name from 'src' against the available sizes for an attachment.
*/
$image_filename = wp_basename($src);
if ($image_filename === wp_basename($image_meta['file'])) {
$width = (int) $image_meta['width'];
$height = (int) $image_meta['height'];
} else {
foreach ($image_meta['sizes'] as $image_size_data) {
if ($image_filename === $image_size_data['file']) {
$width = (int) $image_size_data['width'];
$height = (int) $image_size_data['height'];
break;
}
}
}
}
if (!$width || !$height) {
return $image;
}
$size_array = array($width, $height);
$srcset = wp_calculate_image_srcset($src, $size_array, $image_meta, $attachment_id);
if ($srcset) {
$sizes = wp_get_attachment_image_sizes($size_array, $image_meta, $attachment_id, $src);
}
if ($srcset && $sizes) {
// Format the 'srcset' and 'sizes' string and escape attributes.
$srcset_and_sizes = sprintf(' srcset="%s" sizes="%s"', esc_attr($srcset), esc_attr($sizes));
// Add 'srcset' and 'sizes' attributes to the image markup.
$image = preg_replace('/<img ([^>]+?)[\\/ ]*>/', '<img $1' . $srcset_and_sizes . ' />', $image);
}
return $image;
}
/**
* @ticket 33641
* @ticket 34528
*/
function test_wp_calculate_image_srcset_animated_gifs()
{
// Mock meta for an animated gif.
$image_meta = array('width' => 1200, 'height' => 600, 'file' => 'animated.gif', 'sizes' => array('thumbnail' => array('file' => 'animated-150x150.gif', 'width' => 150, 'height' => 150, 'mime-type' => 'image/gif'), 'medium' => array('file' => 'animated-300x150.gif', 'width' => 300, 'height' => 150, 'mime-type' => 'image/gif'), 'large' => array('file' => 'animated-1024x512.gif', 'width' => 1024, 'height' => 512, 'mime-type' => 'image/gif')));
$full_src = 'http://' . WP_TESTS_DOMAIN . '/wp-content/uploads/' . $image_meta['file'];
$large_src = 'http://' . WP_TESTS_DOMAIN . '/wp-content/uploads/' . $image_meta['sizes']['large']['file'];
// Test with soft resized size array.
$size_array = array(900, 450);
// Full size GIFs should not return a srcset.
$this->assertFalse(wp_calculate_image_srcset($size_array, $full_src, $image_meta));
// Intermediate sized GIFs should not include the full size in the srcset.
$this->assertFalse(strpos(wp_calculate_image_srcset($size_array, $large_src, $image_meta), $full_src));
}
<div class="swiper-slide <?php
echo $slide->post_title;
?>
" >
<?php
if (get_field('second', $slide->ID)) {
$image_obj = get_field('second', $slide->ID);
$default_attr = array('class' => "wp-post-image");
$image_id = $image_obj["id"];
$image_meta = wp_get_attachment_metadata($image_id);
$image = wp_get_attachment_image_src($image_id, 'full');
if ($image) {
$image_src = $image[0];
$size_array = array(absint($image[1]), absint($image[2]));
}
$srcset_value = wp_calculate_image_srcset($size_array, $image_src, $image_meta);
$sizes_value = wp_get_attachment_image_sizes($image_id, 'full');
$srcset = $srcset_value ? ' srcset="' . esc_attr($srcset_value) . '"' : '';
$sizes = $sizes_value ? ' sizes="' . esc_attr($sizes_value) . '"' : '';
?>
<picture>
<source media="(max-width: 49.999em)" <?php
echo $srcset;
?>
<?php
echo $sizes;
?>
>
<?php
echo get_the_post_thumbnail($slide->ID);
?>
/**
* @ticket 34945
* @ticket 33641
*/
function test_wp_get_attachment_image_with_https_on()
{
// Mock meta for the image.
$image_meta = array('width' => 1200, 'height' => 600, 'file' => 'test.jpg', 'sizes' => array('thumbnail' => array('file' => 'test-150x150.jpg', 'width' => 150, 'height' => 150), 'medium' => array('file' => 'test-300x150.jpg', 'width' => 300, 'height' => 150), 'large' => array('file' => 'test-1024x512.jpg', 'width' => 1024, 'height' => 512)));
// Test using the large file size.
$size_array = array(1024, 512);
$image_url = 'http://' . WP_TESTS_DOMAIN . '/wp-content/uploads/' . $image_meta['sizes']['large']['file'];
$_SERVER['HTTPS'] = 'on';
$expected = 'https://' . WP_TESTS_DOMAIN . '/wp-content/uploads/test-1024x512.jpg 1024w, https://' . WP_TESTS_DOMAIN . '/wp-content/uploads/test-300x150.jpg 300w, https://' . WP_TESTS_DOMAIN . '/wp-content/uploads/test.jpg 1200w';
$actual = wp_calculate_image_srcset($size_array, $image_url, $image_meta);
$this->assertSame($expected, $actual);
}
<?php
if (has_post_thumbnail()) {
$image_title = esc_attr(get_the_title(get_post_thumbnail_id()));
$image_link = wp_get_attachment_url(get_post_thumbnail_id());
if ($presizeimage == 1) {
$image_id = get_post_thumbnail_id($post->ID);
$product_image = wp_get_attachment_image_src($image_id, 'full');
$product_image_url = $product_image[0];
// Get the cropped size
$image_url = aq_resize($product_image_url, $productimgwidth, $productimgheight, true);
if (empty($image_url)) {
$image_url = $product_image_url;
}
// Get srcset
$image_meta = get_post_meta($image_id, '_wp_attachment_metadata', true);
$img_srcset = wp_calculate_image_srcset(array($productimgwidth, $productimgheight), $product_image_url, $image_meta, $image_id);
$image = '<img width="' . esc_attr($productimgwidth) . '" height="' . esc_attr($productimgheight) . '" src="' . esc_url($image_url) . '" scrset="' . esc_attr($img_srcset) . '" sizes="(max-width: ' . esc_attr($productimgwidth) . 'px) 100vw, ' . esc_attr($productimgwidth) . 'px" class="attachment-shop_single wp-post-image" alt="' . esc_attr(get_the_title(get_post_thumbnail_id())) . '">';
} else {
$image = get_the_post_thumbnail($post->ID, apply_filters('single_product_large_thumbnail_size', 'shop_single'), array('title' => $image_title));
}
$attachment_count = count($product->get_gallery_attachment_ids());
if ($attachment_count > 0) {
$gallery = '[product-gallery]';
} else {
$gallery = '';
}
echo apply_filters('woocommerce_single_product_image_html', sprintf('<a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s" data-rel="lightbox' . $gallery . '">%s</a>', $image_link, $image_title, $image), $post->ID);
} else {
echo apply_filters('woocommerce_single_product_image_html', sprintf('<img src="%s" alt="Placeholder" />', woocommerce_placeholder_img_src()), $post->ID);
}
?>
function kt_woocommerce_template_loop_product_thumbnail()
{
global $virtue, $woocommerce_loop, $post;
// Store column count for displaying the grid
if (empty($woocommerce_loop['columns'])) {
$woocommerce_loop['columns'] = apply_filters('loop_shop_columns', 4);
}
if ($woocommerce_loop['columns'] == '3') {
$productimgwidth = 365;
} else {
$productimgwidth = 268;
}
if (isset($virtue['product_img_resize']) && $virtue['product_img_resize'] == 0) {
$resizeimage = 0;
} else {
$resizeimage = 1;
}
if ($resizeimage == 1) {
if (has_post_thumbnail()) {
$image_id = get_post_thumbnail_id($post->ID);
$product_image_array = wp_get_attachment_image_src($image_id, 'full');
$product_image_url = $product_image_array[0];
// Make sure there is a copped image to output
$image_product = aq_resize($product_image_url, $productimgwidth, $productimgwidth, true);
if (empty($image_product)) {
$image_product = $product_image_url;
}
// Get srcset
$image_meta = get_post_meta($image_id, '_wp_attachment_metadata', true);
$img_srcset = wp_calculate_image_srcset(array($productimgwidth, $productimgheight), $product_image_url, $image_meta, $image_id);
// Get alt and fall back to title if no alt
$alt_text = get_post_meta($image_id, '_wp_attachment_image_alt', true);
if (empty($alt_text)) {
$alt_text = get_the_title();
}
?>
<img width="<?php
echo esc_attr($productimgwidth);
?>
" height="<?php
echo esc_attr($productimgheight);
?>
"
src="<?php
echo esc_url($image_product);
?>
"
<?php
if (!empty($img_srcset)) {
?>
srcset="<?php
echo esc_attr($img_srcset);
?>
"
sizes="(max-width: <?php
echo esc_attr($productimgwidth);
?>
px) 100vw, <?php
echo esc_attr($productimgwidth);
?>
px"
<?php
}
?>
class="attachment-shop_catalog size-<?php
echo esc_attr($productimgwidth . 'x' . $productimgheight);
?>
wp-post-image"
alt="<?php
echo esc_attr($alt_text);
?>
">
<?php
} elseif (woocommerce_placeholder_img_src()) {
echo woocommerce_placeholder_img('shop_catalog');
}
} else {
echo '<div class="kad-woo-image-size">';
echo woocommerce_template_loop_product_thumbnail();
echo '</div>';
}
}
/**
* Get wp 4.4 responsive solution, return the srcset and sizes attributes in a string which starts with
* a space
*
* @param $url
* @return string
*/
public static function responsive_wp($url)
{
$responsive = '';
$srcset = false;
$sizes = false;
$image_size = SwiftyImageFunctions::$image_size;
// only for wp 4.4+
if (isset($url) && function_exists('wp_calculate_image_srcset')) {
$attach_id = SwiftyImageFunctions::get_attachment_id_from_url($url);
if ($attach_id) {
$image = SwiftyImageFunctions::get_attachment_image_src_wp($attach_id, $image_size, false);
if ($image) {
list($src, $width, $height) = $image;
$image_meta = wp_get_attachment_metadata($attach_id);
if (is_array($image_meta)) {
$size_array = array(absint($width), absint($height));
// wp_calculate_image_srcset will only return sizes smaller than 1600
$srcset = wp_calculate_image_srcset($size_array, $src, $image_meta, $attach_id);
$sizes = wp_calculate_image_sizes($size_array, $src, $image_meta, $attach_id);
}
}
}
}
if ($sizes && $srcset) {
$responsive = ' srcset="' . esc_attr($srcset) . '" sizes="' . esc_attr($sizes) . '"';
}
return $responsive;
}
if ($home_sidebar == true) {
$textsize = 'tcol-md-12 tcol-sm-12 tcol-ss-12';
$imagesize = 'tcol-md-12 tcol-sm-12 tcol-ss-12';
} else {
$textsize = 'tcol-md-7 tcol-sm-12 tcol-ss-12';
$imagesize = 'tcol-md-5 tcol-sm-12 tcol-ss-12';
}
$image_id = get_post_thumbnail_id($post->ID);
$image_url = wp_get_attachment_image_src($image_id, 'full');
$thumbnailURL = $image_url[0];
$image = aq_resize($thumbnailURL, $img_width, 270, true);
if (empty($image)) {
$image = $thumbnailURL;
}
$image_meta = get_post_meta($image_id, '_wp_attachment_metadata', true);
$img_srcset = wp_calculate_image_srcset(array($img_width, '270'), $image, $image_meta, $image_id);
?>
<div class="<?php
echo esc_attr($imagesize);
?>
">
<div class="imghoverclass">
<a href="<?php
the_permalink();
?>
" title="<?php
the_title();
?>
">
<img src="<?php
echo esc_url($image);
