function responsive_background_process_html in Responsive Background Images 7
Implements hook_process_html().
Initialize the trigger for responsive background
File
- ./
responsive_background.module, line 109
Code
function responsive_background_process_html(&$vars) {
global $_responsive_background_set;
$settings = $_responsive_background_set;
if ($settings['enabled'] && !drupal_match_path($_GET['q'], $settings['exclude'])) {
// other options
$position = $settings['position'];
// fixed/absolute
$center = $settings['center'];
// if the image is bigger than the container or window, it will be centered
$top = $settings['top'];
// top position
$height = $settings['height'];
// backround height
// get rendered images
$images = responsive_background_get_images();
// get all images
$image_files = '';
foreach ($images as $key => $image) {
$image_files .= '<div class="responsive-background-slide"><img id="responsive-background-image-' . $key . '" src="' . $image . '" class="responsive-background-image" alt="Background Image" /></div>';
}
// responsive background output
$image_wrapper = '<div id="responsive-background-image-wrapper">' . $image_files . '</div>';
$responsive_background_init = $image_wrapper . '
<script type="text/javascript">
(function($){
$(".responsive-background-image").responsive_background({
position: "' . $position . '",
center: ' . $center . ',
top: "' . $top . '",
height: "' . $height . '",
bp320: "' . $settings['bp320'] . '",
bp480: "' . $settings['bp480'] . '",
bp640: "' . $settings['bp640'] . '",
bp800: "' . $settings['bp800'] . '",
bp960: "' . $settings['bp960'] . '",
bp1120: "' . $settings['bp1120'] . '",
bp1280: "' . $settings['bp1280'] . '",
bp1440: "' . $settings['bp1440'] . '",
bp1600: "' . $settings['bp1600'] . '"
});
})(jQuery);
</script>';
$vars['page_bottom'] .= $responsive_background_init;
}
}