MrDean

[RESOLVED]

NextGen Gallery thumbnail image link in new window when using NextGen Custom Fields plugin. Place target=”_blank’ in the following location:

<div class="ngg-gallery-thumbnail">
            <a target="_blank" href="<?php echo nggcf_get_field($image->pid, "Link"); ?>"
               title="<?php echo esc_attr($image->description)?>"
               data-src="<?php echo esc_attr($storage->get_image_url($image)); ?>"
               data-thumbnail="<?php echo esc_attr($storage->get_image_url($image, 'thumb')); ?>"
               data-image-id="<?php echo esc_attr($image->{$image->id_field}); ?>"
               data-title="<?php echo esc_attr($image->alttext); ?>"
               data-description="<?php echo esc_attr(stripslashes($image->description)); ?>"
               <?php echo $effect_code ?>>
                <img
                    title="<?php echo esc_attr($image->alttext)?>"
                    alt="<?php echo esc_attr($image->alttext)?>"
                    src="<?php echo esc_attr($storage->get_image_url($image, $thumbnail_size_name, TRUE))?>"
                    width="<?php echo esc_attr($thumb_size['width'])?>"
                    height="<?php echo esc_attr($thumb_size['height'])?>"
                    style="max-width:none;"
                />
            </a>
        </div>

Does anyone where to add the target attribute in the above code so the “Link” opens in a new window?
<?php

$this->start_element(‘nextgen_gallery.gallery_container’, ‘container’, $displayed_gallery);

?>
<div
class=”ngg-galleryoverview<?php if (!intval($ajax_pagination)) echo ‘ ngg-ajax-pagination-none’; ?>”
id=”ngg-gallery-<?php echo_h($displayed_gallery_id)?>-<?php echo_h($current_page)?>”>

<?php if (!empty($slideshow_link)): ?>
<div class=”slideshowlink”>
‘><?php echo $slideshow_link_text ?>

</div>
<?php endif ?>

<?php if ($show_piclens_link): ?>
<!– Piclense link –>
<div class=”piclenselink”>
“>
<?php echo_h($piclens_link_text); ?>

</div>
<?php endif ?>
<?php

$this->start_element(‘nextgen_gallery.image_list_container’, ‘container’, $images);

?>
<!– Thumbnails –>
<?php for ($i=0; $i<count($images); $i++):
$image = $images[$i];
$thumb_size = $storage->get_image_dimensions($image, $thumbnail_size_name);
$style = isset($image->style) ? $image->style : null;

if (isset($image->hidden) && $image->hidden) {
$style = ‘style=”display: none;”‘;
}
else {
$style = null;
}

$this->start_element(‘nextgen_gallery.image_panel’, ‘item’, $image);

?>
<div id=”<?php echo_h(‘ngg-image-‘ . $i) ?>” class=”ngg-gallery-thumbnail-box” <?php if ($style) echo $style; ?>>
<?php

$this->start_element(‘nextgen_gallery.image’, ‘item’, $image);

?>
<div class=”ngg-gallery-thumbnail”>
pid, “Link”); ?>”
title=”<?php echo esc_attr($image->description)?>”
data-src=”<?php echo esc_attr($storage->get_image_url($image)); ?>”
data-thumbnail=”<?php echo esc_attr($storage->get_image_url($image, ‘thumb’)); ?>”
data-image-id=”<?php echo esc_attr($image->{$image->id_field}); ?>”
data-title=”<?php echo esc_attr($image->alttext); ?>”
data-description=”<?php echo esc_attr(stripslashes($image->description)); ?>”
<?php echo $effect_code ?>>
<img
title=”<?php echo esc_attr($image->alttext)?>”
alt=”<?php echo esc_attr($image->alttext)?>”
src=”<?php echo esc_attr($storage->get_image_url($image, $thumbnail_size_name, TRUE))?>”
width=”<?php echo esc_attr($thumb_size[‘width’])?>”
height=”<?php echo esc_attr($thumb_size[‘height’])?>”
style=”max-width:none;”
/>

</div>
<?php

$this->end_element();

?>
</div>
<?php

$this->end_element();

?>

<?php if ($number_of_columns > 0 && empty($show_all_in_lightbox)): ?>
<?php if ((($i + 1) % $number_of_columns) == 0 ): ?>
<br style=”clear: both” />
<?php endif; ?>
<?php endif; ?>

<?php endfor ?>
<?php

$this->end_element();

?>

<?php if ($pagination): ?>
<!– Pagination –>
<?php echo $pagination ?>
<?php else: ?>
<div class=”ngg-clear”></div>
<?php endif ?>
</div>
<?php $this->end_element(); ?>`