WP function

responsive image

// picture ids: array(1, 2, 3)
// $queries = array(
// 	array('large_screens','min-width: 1450px'),
// 	array('medium','max-width: 480px'),
// 	array('large','')
// );
// $class = class
function responsive_picture2($id, $class, $queries){		
	$with_euery = '';
	$without_euery = '';

	// if the query has no media query resolution set, print it out as it is
	foreach($queries as $key => $query){
		$att = wp_get_attachment_image_src($id , $query[0]);
		if(!empty($query[1])){
			$with_euery .= '<source srcset="'.$att[0].'" media="('.$query[1].')">';
		}else{
			$without_euery .= '<img srcset="'.$att[0].'" class="'.$class.'" alt="hohostyle '.$id.'" />';
		}	
	}	

	if(!empty($with_euery) || !empty($without_euery)){
		$return = '<picture>'.$with_euery."\n".$without_euery."\n".'</picture>';
	}else{
		$return = '';
	}
	return $return;
}