Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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,
Comment | File | Size | Author |
---|---|---|---|
#23 | export_views.txt | 12.42 KB | keha3912 |
#23 | site1.jpeg | 41.92 KB | keha3912 |
#20 | nivo-settings.jpg | 52.84 KB | dAv3 |
Comments
Comment #1
dlowman CreditAttribution: dlowman commentedI 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
Comment #2
SpiffBB CreditAttribution: SpiffBB commentedI 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
Comment #3
keha3912 CreditAttribution: keha3912 commentedSubscribe
Comment #4
asauterChicago CreditAttribution: asauterChicago commentedEdit: 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 :-/.
Comment #5
keha3912 CreditAttribution: keha3912 commentedit's a pity
Comment #6
ckngThe 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.
Comment #7
keha3912 CreditAttribution: keha3912 commentedViews image field, set "Link image to" to "Content"
it's not working
Comment #8
elgandoz CreditAttribution: elgandoz commentedViews 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.
Comment #9
ckngPlease kindly provide your Views export, still unable to reproduce at my end.
Comment #10
zealny CreditAttribution: zealny commentedHi 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');
Comment #11
keha3912 CreditAttribution: keha3912 commentedmy 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'),
);
Comment #12
johnnygamba CreditAttribution: johnnygamba commentedSubscribe
Comment #13
waltf CreditAttribution: waltf commenteddouble post
Comment #14
waltf CreditAttribution: waltf commentedI 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/2so the link i get now is mysite.com/
<a href="/work/2">2</a>
, instead of mysite.com/work/2Comment #15
Desi Raaj CreditAttribution: Desi Raaj commentedany progress on this issue?
Comment #16
geoffmallo CreditAttribution: geoffmallo commentedI'm experiencing this issue too. I need to link the image to the node.
Views export:
Comment #17
ckngThere is a new dev tarball, grab that
@zealny, @keha3912, @geoffmallo
Change your Views > Format, both Format & Show to Views Nivo Slider
Comment #18
keha3912 CreditAttribution: keha3912 commentedI downloaded the latest dev version of 2011-Oct-22, cleared the cache: no result.
Comment #19
bryancasler CreditAttribution: bryancasler commentedI can also confirm, with the latest dev, that it is impossible to get image links working
Comment #20
dAv3 CreditAttribution: dAv3 commentedHey 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.
Comment #21
bryancasler CreditAttribution: bryancasler commentedThanks 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)
Comment #22
bryancasler CreditAttribution: bryancasler commentedIf one other person can confirm this we should close the que
Comment #23
keha3912 CreditAttribution: keha3912 commentedWhat 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.
Comment #24
bryancasler CreditAttribution: bryancasler commentedProbably just need to add this to the frontpage documentation. Other than that I think this issue is closed.
Comment #25
ckng@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?
Comment #26
ckngTo add some of the steps to documentation.
Comment #27
wesleydv CreditAttribution: wesleydv commented@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)
Comment #28
quickly CreditAttribution: quickly commentedfor 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.
Comment #29
mmilo CreditAttribution: mmilo commentedI'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.
Comment #30
Horroshow CreditAttribution: Horroshow commentedThanks dAv3, it worked for me