function theme_cloud_zoom_image_gallery in Cloud Zoom 7
Same name and namespace in other branches
- 8 cloud_zoom.module \theme_cloud_zoom_image_gallery()
Theme handler for the cloud_zoom effect with gallery
1 theme call to theme_cloud_zoom_image_gallery()
- cloud_zoom_field_formatter_view in ./
cloud_zoom.module - Implements hook_field_formatter_view().
File
- ./
cloud_zoom.module, line 570 - This module integrates the Cloud Zoom JQuery library from: http://www.professorcloud.com/mainsite/cloud-zoom.htm
Code
function theme_cloud_zoom_image_gallery($variables) {
// Add the Cloud Zoom Library
drupal_add_library('cloud_zoom', 'cloud-zoom');
$items = $variables['items'];
// Create the gallery thumb syntax of cloud zoom.
$gallery_item = '<div class="cloud-zoom-gallery-thumbs">';
$options_rel = cloud_zoom_get_rel_string($variables);
$main_item = '';
$id = drupal_html_id('cloud-zoom');
$classes = array(
'cloud-zoom',
);
// Use colorbox?
if (!empty($variables['colorbox']) && module_exists('colorbox')) {
$classes[] = 'colorbox';
}
foreach ($items as $delta => $item) {
// Build images.
$zoomed = $variables['zoom_style'] ? image_style_url($variables['zoom_style'], $item['uri']) : file_create_url($item['uri']);
$slide = cloud_zoom_get_img_tag($variables['slide_style'], $item);
$thumb = cloud_zoom_get_img_tag($variables['thumb_style'], $item);
$slide_url = $variables['slide_style'] ? image_style_url($variables['slide_style'], $item['uri']) : $item['uri'];
if ($delta == 0) {
// This is the large image.
$options = array(
'html' => TRUE,
'attributes' => array(
'class' => $classes,
'id' => $id,
'rel' => $options_rel,
),
);
$main_item = l($slide, $zoomed, $options);
}
// These are the thumbnail.
$options = array(
'html' => TRUE,
'attributes' => array(
'class' => 'cloud-zoom-gallery',
'rel' => 'useZoom: \'' . $id . '\',smallImage: \'' . $slide_url . '\'',
),
);
$gallery_item .= l($thumb, $zoomed, $options);
}
$gallery_item .= '</div>';
// Return the preview image as a link to the larger image with a cloud-zoom
// CSS class.
return '<div class="cloud-zoom-container">' . $main_item . $gallery_item . '</div>';
}