I would like to know if you can make the images clickable on the nivo slider such that it takes you to the associated link

here is my site http://healthiq.co.uk/

Many thanks,

Files: 
CommentFileSizeAuthor
#23 export_views.txt12.42 KBkeha3912
#23 site1.jpeg41.92 KBkeha3912
#20 nivo-settings.jpg52.84 KBdAv3

Comments

Category:feature» bug

I too have this issue. If I follow the instructions posted at http://www.brightwebsitedesign.com/how-to-install-and-set-up-nivo-slider... I get a nice slider but only the first node's link works and it covers the whole slider, not just the image it is associated with. www.wlpl.org

I can also confirm this issue.

I Also tried to map the picture to a link in Views 3 - it works outside Nivo but not with Nivo.

Regards
Oscar

Assigned:icek00l» keha3912
Category:bug» feature
Priority:Normal» Major

Subscribe

Edit: never mind, my fix (editing the css) just breaks the slideshow. This feature is still broken unforunately. It appears there are no working slideshows at all on Drupal 7 at the moment. Views Slideshow can't find jquery cycle plugin, and this one works, but doesn't link to images :-/.

it's a pity

Assigned:keha3912» Unassigned
Priority:Major» Normal
Status:Active» Postponed (maintainer needs more info)

The option is under your Views image field, set "Link image to" to "Content".
Make sure you are using the latest dev.

@asauterChicago, both Nivo & Views Slideshow Cycle work perfectly. Follow instruction to install jquery cycle plugin.

Views image field, set "Link image to" to "Content"
it's not working

Views image field, set "Link image to" to "Content" is still not working with Nivo. Also there were in previous version the option to choose which field was the caption, and which was the link.
Nice but useless in this way.

Please kindly provide your Views export, still unable to reproduce at my end.

Hi ckng,

I am having same problem. Here is my view export

Please help. Everything works well except link.

$view = new view;
$view->name = 'slider2';
$view->description = '';
$view->tag = 'default';
$view->base_table = 'node';
$view->human_name = 'slider2';
$view->core = 7;
$view->api_version = '3.0-alpha1';
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */

/* Display: Master */
$handler = $view->new_display('default', 'Master', 'default');
$handler->display->display_options['title'] = 'slider2';
$handler->display->display_options['access']['type'] = 'perm';
$handler->display->display_options['cache']['type'] = 'none';
$handler->display->display_options['query']['type'] = 'views_query';
$handler->display->display_options['query']['options']['query_comment'] = FALSE;
$handler->display->display_options['exposed_form']['type'] = 'basic';
$handler->display->display_options['pager']['type'] = 'full';
$handler->display->display_options['pager']['options']['items_per_page'] = '5';
$handler->display->display_options['style_plugin'] = 'views_nivo_slider';
$handler->display->display_options['row_plugin'] = 'fields';
/* Field: Content: Link */
$handler->display->display_options['fields']['field_link']['id'] = 'field_link';
$handler->display->display_options['fields']['field_link']['table'] = 'field_data_field_link';
$handler->display->display_options['fields']['field_link']['field'] = 'field_link';
$handler->display->display_options['fields']['field_link']['label'] = '';
$handler->display->display_options['fields']['field_link']['exclude'] = TRUE;
$handler->display->display_options['fields']['field_link']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['field_link']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['field_link']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['field_link']['alter']['external'] = 0;
$handler->display->display_options['fields']['field_link']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['field_link']['alter']['trim_whitespace'] = 0;
$handler->display->display_options['fields']['field_link']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['field_link']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['field_link']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['field_link']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['field_link']['alter']['trim'] = 0;
$handler->display->display_options['fields']['field_link']['alter']['html'] = 0;
$handler->display->display_options['fields']['field_link']['element_label_colon'] = FALSE;
$handler->display->display_options['fields']['field_link']['element_default_classes'] = 1;
$handler->display->display_options['fields']['field_link']['hide_empty'] = 0;
$handler->display->display_options['fields']['field_link']['empty_zero'] = 0;
$handler->display->display_options['fields']['field_link']['hide_alter_empty'] = 0;
$handler->display->display_options['fields']['field_link']['click_sort_column'] = 'url';
$handler->display->display_options['fields']['field_link']['field_api_classes'] = 0;
/* Field: Content: Picture */
$handler->display->display_options['fields']['field_picture']['id'] = 'field_picture';
$handler->display->display_options['fields']['field_picture']['table'] = 'field_data_field_picture';
$handler->display->display_options['fields']['field_picture']['field'] = 'field_picture';
$handler->display->display_options['fields']['field_picture']['label'] = '';
$handler->display->display_options['fields']['field_picture']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['field_picture']['alter']['make_link'] = 1;
$handler->display->display_options['fields']['field_picture']['alter']['path'] = '[field_link]';
$handler->display->display_options['fields']['field_picture']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['field_picture']['alter']['external'] = 0;
$handler->display->display_options['fields']['field_picture']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['field_picture']['alter']['trim_whitespace'] = 0;
$handler->display->display_options['fields']['field_picture']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['field_picture']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['field_picture']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['field_picture']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['field_picture']['alter']['trim'] = 0;
$handler->display->display_options['fields']['field_picture']['alter']['html'] = 0;
$handler->display->display_options['fields']['field_picture']['element_label_colon'] = FALSE;
$handler->display->display_options['fields']['field_picture']['element_default_classes'] = 1;
$handler->display->display_options['fields']['field_picture']['hide_empty'] = 0;
$handler->display->display_options['fields']['field_picture']['empty_zero'] = 0;
$handler->display->display_options['fields']['field_picture']['hide_alter_empty'] = 0;
$handler->display->display_options['fields']['field_picture']['click_sort_column'] = 'fid';
$handler->display->display_options['fields']['field_picture']['settings'] = array(
'image_style' => 'slider',
'image_link' => '',
);
$handler->display->display_options['fields']['field_picture']['field_api_classes'] = 0;
/* Sort criterion: Content: Post date */
$handler->display->display_options['sorts']['created']['id'] = 'created';
$handler->display->display_options['sorts']['created']['table'] = 'node';
$handler->display->display_options['sorts']['created']['field'] = 'created';
$handler->display->display_options['sorts']['created']['order'] = 'DESC';
/* Filter criterion: Content: Published */
$handler->display->display_options['filters']['status']['id'] = 'status';
$handler->display->display_options['filters']['status']['table'] = 'node';
$handler->display->display_options['filters']['status']['field'] = 'status';
$handler->display->display_options['filters']['status']['value'] = 1;
$handler->display->display_options['filters']['status']['group'] = 0;
$handler->display->display_options['filters']['status']['expose']['operator'] = FALSE;
/* Filter criterion: Content: Type */
$handler->display->display_options['filters']['type']['id'] = 'type';
$handler->display->display_options['filters']['type']['table'] = 'node';
$handler->display->display_options['filters']['type']['field'] = 'type';
$handler->display->display_options['filters']['type']['value'] = array(
'slider' => 'slider',
);

/* Display: Block */
$handler = $view->new_display('block', 'Block', 'block');

my view export

$view = new view;
$view->name = 'nivo_slide2';
$view->description = '';
$view->tag = 'default';
$view->base_table = 'node';
$view->human_name = 'Nivo-slide2';
$view->core = 7;
$view->api_version = '3.0';
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */

/* Display: Master */
$handler = $view->new_display('default', 'Master', 'default');
$handler->display->display_options['title'] = 'Nivo-slide2';
$handler->display->display_options['use_more_text'] = 'еще';
$handler->display->display_options['access']['type'] = 'perm';
$handler->display->display_options['cache']['type'] = 'none';
$handler->display->display_options['query']['type'] = 'views_query';
$handler->display->display_options['query']['options']['query_comment'] = FALSE;
$handler->display->display_options['exposed_form']['type'] = 'basic';
$handler->display->display_options['exposed_form']['options']['reset_button_label'] = 'Сбросить';
$handler->display->display_options['exposed_form']['options']['exposed_sorts_label'] = 'Сортировать по';
$handler->display->display_options['pager']['type'] = 'full';
$handler->display->display_options['pager']['options']['items_per_page'] = '10';
$handler->display->display_options['pager']['options']['expose']['items_per_page_label'] = 'Элементов на страницу';
$handler->display->display_options['pager']['options']['expose']['items_per_page_options_all_label'] = '- Все -';
$handler->display->display_options['pager']['options']['expose']['offset_label'] = 'Пропустить';
$handler->display->display_options['style_plugin'] = 'views_nivo_slider';
$handler->display->display_options['row_plugin'] = 'node';
/* Поле: Материалы: Image */
$handler->display->display_options['fields']['field_image']['id'] = 'field_image';
$handler->display->display_options['fields']['field_image']['table'] = 'field_data_field_image';
$handler->display->display_options['fields']['field_image']['field'] = 'field_image';
$handler->display->display_options['fields']['field_image']['label'] = 'Изображение';
$handler->display->display_options['fields']['field_image']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['field_image']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['field_image']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['field_image']['alter']['external'] = 0;
$handler->display->display_options['fields']['field_image']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['field_image']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['field_image']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['field_image']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['field_image']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['field_image']['alter']['trim'] = 0;
$handler->display->display_options['fields']['field_image']['alter']['html'] = 0;
$handler->display->display_options['fields']['field_image']['element_label_colon'] = 1;
$handler->display->display_options['fields']['field_image']['element_default_classes'] = 1;
$handler->display->display_options['fields']['field_image']['hide_empty'] = 0;
$handler->display->display_options['fields']['field_image']['empty_zero'] = 0;
$handler->display->display_options['fields']['field_image']['click_sort_column'] = 'fid';
$handler->display->display_options['fields']['field_image']['settings'] = array(
'image_style' => '',
'image_link' => 'content',
);
$handler->display->display_options['fields']['field_image']['group_rows'] = 1;
$handler->display->display_options['fields']['field_image']['delta_offset'] = '0';
$handler->display->display_options['fields']['field_image']['delta_reversed'] = 0;
$handler->display->display_options['fields']['field_image']['field_api_classes'] = 0;
/* Sort criterion: Материалы: Post date */
$handler->display->display_options['sorts']['created']['id'] = 'created';
$handler->display->display_options['sorts']['created']['table'] = 'node';
$handler->display->display_options['sorts']['created']['field'] = 'created';
$handler->display->display_options['sorts']['created']['order'] = 'DESC';
/* Filter criterion: Материалы: Опубликовано */
$handler->display->display_options['filters']['status']['id'] = 'status';
$handler->display->display_options['filters']['status']['table'] = 'node';
$handler->display->display_options['filters']['status']['field'] = 'status';
$handler->display->display_options['filters']['status']['value'] = 1;
$handler->display->display_options['filters']['status']['group'] = 0;
$handler->display->display_options['filters']['status']['expose']['operator'] = FALSE;
/* Filter criterion: Материалы: Тип */
$handler->display->display_options['filters']['type']['id'] = 'type';
$handler->display->display_options['filters']['type']['table'] = 'node';
$handler->display->display_options['filters']['type']['field'] = 'type';
$handler->display->display_options['filters']['type']['value'] = array(
'nivo_slides' => 'nivo_slides',
);
/* Filter criterion: Content revision: Updated date */
$handler->display->display_options['filters']['timestamp']['id'] = 'timestamp';
$handler->display->display_options['filters']['timestamp']['table'] = 'node_revision';
$handler->display->display_options['filters']['timestamp']['field'] = 'timestamp';
$handler->display->display_options['filters']['timestamp']['operator'] = '>=';
$handler->display->display_options['filters']['timestamp']['value']['value'] = '2011-05-30';

/* Display: Page */
$handler = $view->new_display('page', 'Page', 'page');
$handler->display->display_options['path'] = 'nivo-slide2';

/* Display: Block */
$handler = $view->new_display('block', 'Block', 'block');
$handler->display->display_options['defaults']['pager'] = FALSE;
$handler->display->display_options['pager']['type'] = 'full';
$handler->display->display_options['pager']['options']['items_per_page'] = '5';
$handler->display->display_options['pager']['options']['expose']['items_per_page_label'] = 'Элементов на страницу';
$handler->display->display_options['pager']['options']['expose']['items_per_page_options_all_label'] = '- Все -';
$handler->display->display_options['pager']['options']['expose']['offset_label'] = 'Пропустить';
$handler->display->display_options['defaults']['style_plugin'] = FALSE;
$handler->display->display_options['style_plugin'] = 'views_nivo_slider';
$handler->display->display_options['defaults']['style_options'] = FALSE;
$handler->display->display_options['defaults']['row_plugin'] = FALSE;
$handler->display->display_options['row_plugin'] = 'fields';
$handler->display->display_options['defaults']['row_options'] = FALSE;
$translatables['nivo_slide2'] = array(
t('Master'),
t('Nivo-slide2'),
t('еще'),
t('Применить'),
t('Сбросить'),
t('Сортировать по'),
t('Asc'),
t('Desc'),
t('Элементов на страницу'),
t('- Все -'),
t('Пропустить'),
t('Изображение'),
t('Page'),
t('Block'),
);

Category:feature» bug
Priority:Normal» Major
Status:Postponed (maintainer needs more info)» Active

Subscribe

double post

I have the same problem.
When i click the images the link goes to : <a href="/work/2">2</a>, when it should go to work/2
so the link i get now is mysite.com/<a href="/work/2">2</a>, instead of mysite.com/work/2

any progress on this issue?

I'm experiencing this issue too. I need to link the image to the node.

Views export:

$view = new view;
$view->name = 'front';
$view->description = '';
$view->tag = 'default';
$view->base_table = 'node';
$view->human_name = 'front';
$view->core = 7;
$view->api_version = '3.0-alpha1';
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */
/* Display: Master */
$handler = $view->new_display('default', 'Master', 'default');
$handler->display->display_options['access']['type'] = 'perm';
$handler->display->display_options['cache']['type'] = 'none';
$handler->display->display_options['query']['type'] = 'views_query';
$handler->display->display_options['query']['options']['query_comment'] = FALSE;
$handler->display->display_options['exposed_form']['type'] = 'basic';
$handler->display->display_options['pager']['type'] = 'none';
$handler->display->display_options['pager']['options']['offset'] = '0';
$handler->display->display_options['style_plugin'] = 'views_nivo_slider';
$handler->display->display_options['style_options']['imagefield_preset'] = 'front';
$handler->display->display_options['style_options']['style'] = 'none';
$handler->display->display_options['style_options']['effect'] = array(
  'random' => 'random',
);
$handler->display->display_options['style_options']['pauseTime'] = '4000';
$handler->display->display_options['style_options']['controlNavThumbsField'] = 'field_slider';
$handler->display->display_options['style_options']['controlNavThumbsIC'] = 'thumbnail';
$handler->display->display_options['row_plugin'] = 'fields';
$handler->display->display_options['row_options']['hide_empty'] = 1;
$handler->display->display_options['row_options']['default_field_elements'] = 1;
/* Field: Content: Front page slider image */
$handler->display->display_options['fields']['field_slider']['id'] = 'field_slider';
$handler->display->display_options['fields']['field_slider']['table'] = 'field_data_field_slider';
$handler->display->display_options['fields']['field_slider']['field'] = 'field_slider';
$handler->display->display_options['fields']['field_slider']['label'] = '';
$handler->display->display_options['fields']['field_slider']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['field_slider']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['field_slider']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['field_slider']['alter']['external'] = 0;
$handler->display->display_options['fields']['field_slider']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['field_slider']['alter']['trim_whitespace'] = 0;
$handler->display->display_options['fields']['field_slider']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['field_slider']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['field_slider']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['field_slider']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['field_slider']['alter']['trim'] = 0;
$handler->display->display_options['fields']['field_slider']['alter']['html'] = 0;
$handler->display->display_options['fields']['field_slider']['element_label_colon'] = FALSE;
$handler->display->display_options['fields']['field_slider']['element_default_classes'] = 0;
$handler->display->display_options['fields']['field_slider']['hide_empty'] = 0;
$handler->display->display_options['fields']['field_slider']['empty_zero'] = 0;
$handler->display->display_options['fields']['field_slider']['hide_alter_empty'] = 0;
$handler->display->display_options['fields']['field_slider']['click_sort_column'] = 'fid';
$handler->display->display_options['fields']['field_slider']['settings'] = array(
  'image_style' => 'front',
  'image_link' => 'content',
);
$handler->display->display_options['fields']['field_slider']['field_api_classes'] = 0;
/* Field: Content: Link */
$handler->display->display_options['fields']['view_node']['id'] = 'view_node';
$handler->display->display_options['fields']['view_node']['table'] = 'node';
$handler->display->display_options['fields']['view_node']['field'] = 'view_node';
$handler->display->display_options['fields']['view_node']['label'] = '';
$handler->display->display_options['fields']['view_node']['exclude'] = TRUE;
$handler->display->display_options['fields']['view_node']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['view_node']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['view_node']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['view_node']['alter']['external'] = 0;
$handler->display->display_options['fields']['view_node']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['view_node']['alter']['trim_whitespace'] = 0;
$handler->display->display_options['fields']['view_node']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['view_node']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['view_node']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['view_node']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['view_node']['alter']['trim'] = 0;
$handler->display->display_options['fields']['view_node']['alter']['html'] = 0;
$handler->display->display_options['fields']['view_node']['element_label_colon'] = FALSE;
$handler->display->display_options['fields']['view_node']['element_default_classes'] = 1;
$handler->display->display_options['fields']['view_node']['hide_empty'] = 0;
$handler->display->display_options['fields']['view_node']['empty_zero'] = 0;
$handler->display->display_options['fields']['view_node']['hide_alter_empty'] = 0;
/* Sort criterion: Global: Random */
$handler->display->display_options['sorts']['random']['id'] = 'random';
$handler->display->display_options['sorts']['random']['table'] = 'views';
$handler->display->display_options['sorts']['random']['field'] = 'random';
/* Filter criterion: Content: Published */
$handler->display->display_options['filters']['status']['id'] = 'status';
$handler->display->display_options['filters']['status']['table'] = 'node';
$handler->display->display_options['filters']['status']['field'] = 'status';
$handler->display->display_options['filters']['status']['value'] = 1;
$handler->display->display_options['filters']['status']['group'] = 0;
$handler->display->display_options['filters']['status']['expose']['operator'] = FALSE;
/* Filter criterion: Content: Type */
$handler->display->display_options['filters']['type']['id'] = 'type';
$handler->display->display_options['filters']['type']['table'] = 'node';
$handler->display->display_options['filters']['type']['field'] = 'type';
$handler->display->display_options['filters']['type']['value'] = array(
  'product_display' => 'product_display',
);
/* Filter criterion: Content: Promoted to front page */
$handler->display->display_options['filters']['promote']['id'] = 'promote';
$handler->display->display_options['filters']['promote']['table'] = 'node';
$handler->display->display_options['filters']['promote']['field'] = 'promote';
$handler->display->display_options['filters']['promote']['value'] = '1';
/* Display: Block */
$handler = $view->new_display('block', 'Block', 'block');

There is a new dev tarball, grab that

@zealny, @keha3912, @geoffmallo
Change your Views > Format, both Format & Show to Views Nivo Slider

I downloaded the latest dev version of 2011-Oct-22, cleared the cache: no result.

I can also confirm, with the latest dev, that it is impossible to get image links working

StatusFileSize
new52.84 KB

Hey guys, i seem to have it working with the latest dev, release date: 2011-Nov-12

Assuming you have set up your fiels correctly on your Slider Content Type they should look like:
Field: Content:Image (field_image)
Field: Content:Image Caption (field_text) - optional
Field: Content:Link (field_link)

When creating content for your slider, the link field should point to the content you wish to link to and look something like node/62 or technology/products

Then when in your view the field setting "Formatter" for you link should be 'URL, as plain text'. see attached image.

Also don't forget to select "Views Nivo Slider" for both your Format settings, as you can see behind the modal box in the attached image.

Hope that helps.

Thanks dAv3, that indeed does work. I'll add it to my tutorial tomorrow, this was the only missing piece. #1350874: Display multiple slides from single node (Step by step tutorial)

If one other person can confirm this we should close the que

StatusFileSize
new41.92 KB
new12.42 KB

What I did:
1. Update to latest dev
2. Change Views > Format, both Format & Show to Views Nivo Slider
3. Took the advice dAv3
4. And change Row style options. See attach image.
That's it! Images clickable!

PS also I changed my presets.

Status:Active» Closed (works as designed)

Probably just need to add this to the frontpage documentation. Other than that I think this issue is closed.

Priority:Major» Normal
Status:Closed (works as designed)» Closed (cannot reproduce)

@dAv3

Per #20, I do not have a Formatter option as shown in your screenshot for Content:Link. I've double checked using
- Views 7.x-3.0-rc1 and 7.x-3.x-dev
- latest VNS dev
- Batik theme + custom theme
- Recreating a new content type and new Views for it

Is it a custom field? Anyone else having that as well?

Component:Code» Documentation
Category:bug» task
Status:Closed (cannot reproduce)» Needs work

To add some of the steps to documentation.

@ckng in #25
I believe that what you need to recreate the steps in #20 is indeed a custom field added to the content type, using the link module (http://drupal.org/project/link). That is what I used and it work now.

But for everyone else trying to achieve this don't forget to set both 'Display' settings in your view to 'Views Nivo Slider' (Format & Show)

for recreating #20, I don't think it is necessary to use link module. I did it by simply selecting 'Node:Link' field and it worked fine.

I've created a patch @ #999794: Allow for custom links to be added

This will let you open up images in a Nivo Slider in a Colorbox.

Thanks dAv3, it worked for me