PHP code example of clarifynl / responsive-pics
1. Go to this page and download the library: Download clarifynl/responsive-pics library . Choose the download type require .
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
clarifynl / responsive-pics example snippets
/*
* Set ResponsivePics variables
*/
if (class_exists('ResponsivePics')) {
ResponsivePics::setColumns(12);
ResponsivePics::setGutter(30);
ResponsivePics::setBreakPoints([
'xs' => 0,
'sm' => 576,
'md' => 768,
'lg' => 992,
'xl' => 1200,
'xxl' => 1400,
'xxxl' => 1600,
'xxxxl' => 1920
]);
ResponsivePics::setGridWidths([
'xs' => 576,
'sm' => 768,
'md' => 992,
'lg' => 1200,
'xl' => 1400,
'xxl' => 1600,
'xxxl' => 1920
]);
ResponsivePics::setMaxWidthFactor(4);
ResponsivePics::setLazyLoadClass('lozad');
ResponsivePics::setLqipWidth(200);
ResponsivePics::setLqipClass('blurred');
ResponsivePics::setImageQuality(85);
ResponsivePics::setRestApiCache(true);
ResponsivePics::setRestApiCacheDuration(86400);
}
ResponsivePics::getColumns(); // Will return $columns
ResponsivePics::getGutter(); // Will return $gutter
ResponsivePics::getBreakpoints(); // Will return $breakpoints
ResponsivePics::getGridWidths(); // Will return $grid_widths
ResponsivePics::getMaxWidthFactor(); // Will return $max_width_factor
ResponsivePics::getLqipWidth(); // Will return $max_width_factor
ResponsivePics::getLazyLoadClass(); // Will return $lazyload_class
ResponsivePics::getLqipWidth(); // Will return $lqip_width
ResponsivePics::getLqipClass(); // Will return $lqip_class
ResponsivePics::getImageQuality(); // Will return $image_quality
ResponsivePics::getRestApiCache(); // Will return $wp_rest_cache
ResponsivePics::getRestApiCacheDuration(); // Will return $wp_rest_cache_duration
ResponsivePics::get_image(id, sizes, crop, classes, lazyload, lqip);
ResponsivePics::get_image_data(id, sizes, crop, classes, lazyload, lqip);
[
'sources' => (array) $sources,
'alt' => (string) $alt,
'mimetype' => (string) $mime_type,
'alpha' => (bool) $alpha,
'lazyload' => (bool) $lazyload,
'lqip' => (string) $lqip,
'classes' => (array) $classes
];
ResponsivePics::get_picture(id, sizes, classes, lazyload, intrinsic);
ResponsivePics::get_picture_data(id, sizes, classes, lazyload, intrinsic);
[
'sources' => (array) $sources,
'alt' => (string) $alt,
'mimetype' => (string) $mime_type,
'alpha' => (bool) $alpha,
'lazyload' => (bool) $lazyload,
'intrinsic' => (bool) $intrinsic,
'picture_classes' => (array) $picture_classes,
'image_classes' => (array) $image_classes
];
ResponsivePics::get_background(id, sizes, classes);
ResponsivePics::get_background_data(id, sizes, classes);
[
'sources' => (array) $sources,
'alt' => (string) $alt,
'mimetype' => (string) $mime_type,
'alpha' => (bool) $alpha,
'id' => (string) $id,
'classes' => (array) $classes
];
breakpoint:width
breakpoint:width [/factor|height]|crop_x crop_y
[
'x' => '86',
'y' => '39'
]
$focal_point = get_post_meta($attachment_id, 'responsive_pics_focal_point', true);
Tools > Scheduled Actions
define('DISABLE_WP_CRON', true);
do_action('responsive_pics_request_scheduled', (int) $post_id, (array) $resize_request);
[
'id' => (int) The attachment ID,
'quality' => (int) The requested image quality,
'width' => (int) The requested image width,
'height' => (int) The requested image height,
'crop' => (array) The requested image crop positions,
'ratio' => (float) The requested image ratio,
'path' => (string) The requested image file path,
'rest_route' => (string) The requested rest api route
]
do_action('responsive_pics_request_processed', (int) $post_id, (int) $quality, (int) $width, (int) $height, (array) $crop, (float) $ratio, (string) $resize_path, (string) $rest_route);
[
'x' => (int) The horizontal crop position as percentage,
'y' => (int) The vertical crop position as percentage
]
do_action('responsive_pics_file_saved_local', (int) $post_id, (array) $file);
[
'path' => (string) The saved image filepath,
'file' => (string) The saved image filename,
'width' => (int) The saved image file width,
'height' => (int) The saved image file height,
'mime-type' => (string) The saved image file mime-type,
'filesize' => (int) The saved image filesize
]
do_action('responsive_pics_file_s3_uploaded', (int) $post_id, (array) $file);
[
'path' => (string) The uploaded image filepath,
'file' => (string) The uploaded image filename,
'width' => (int) The uploaded image file width,
'height' => (int) The uploaded image file height,
'mime-type' => (string) The uploaded image file mime-type,
'filesize' => (int) The uploaded image filesize
]
do_action('responsive_pics_file_deleted_local', (int) $post_id, (string) $file);
do_action('responsive_pics_file_s3_deleted', (int) $post_id, (array) $file_paths);
if (class_exists('ResponsivePics')) {
ResponsivePics::setLazyLoadClass('lazy');
}
if (class_exists('ResponsivePics')) {
ResponsivePics::setLqipClass('blurred');
}
curl
GET /wp-json/responsive-pics/v1/image/<id>?sizes=<sizes>&crop=<crop>&classes=<classes>&lazyload=<lazyload>&lqip=<lqip>
curl
GET /wp-json/responsive-pics/v1/picture/<id>?sizes=<sizes>&classes=<classes>&lazyload=<lazyload>&intrinsic=<intrinsic>