Image preview using views I want to Create like this type of Image preview on particular related images. I have image fields with multiple images for a content type, and I would like to obtain this effect.



Is there any possibility by creating views? Is there any way to obtain this effect with other ways?
Modules You Need:

Views
Libraries
Views Slideshow
Cycle JS : Save this js file to /sites/all/libraries/jquery.cycle/ where you have to create 2 directories i.e.  libraries and under that jquery.cycle

Now assuming your content type name is IMAGE with two fields

Title
Image


Add 3 dummy images to your newly created content type IMAGE
Now go to admin/structure/views/import
$view = new view();
$view-&gt;name = 'slideshow';
$view-&gt;description = '';
$view-&gt;tag = 'default';
$view-&gt;base_table = 'node';
$view-&gt;human_name = 'Slideshow';
$view-&gt;core = 7;
$view-&gt;api_version = '3.0';
$view-&gt;disabled = FALSE; /* Edit this to true to make a default view disabled initially */

/* Display: Master */
$handler = $view-&gt;new_display('default', 'Master', 'default');
$handler-&gt;display-&gt;display_options['title'] = 'Slideshow';
$handler-&gt;display-&gt;display_options['use_more_always'] = FALSE;
$handler-&gt;display-&gt;display_options['access']['type'] = 'perm';
$handler-&gt;display-&gt;display_options['cache']['type'] = 'none';
$handler-&gt;display-&gt;display_options['query']['type'] = 'views_query';
$handler-&gt;display-&gt;display_options['exposed_form']['type'] = 'basic';
$handler-&gt;display-&gt;display_options['pager']['type'] = 'some';
$handler-&gt;display-&gt;display_options['pager']['options']['items_per_page'] = '10';
$handler-&gt;display-&gt;display_options['style_plugin'] = 'slideshow';
$handler-&gt;display-&gt;display_options['style_options']['slideshow_type'] = 'views_slideshow_cycle';
$handler-&gt;display-&gt;display_options['style_options']['slideshow_skin'] = 'default';
$handler-&gt;display-&gt;display_options['style_options']['skin_info'] = array(
  'class' =&gt; 'default',
  'name' =&gt; 'Default',
  'module' =&gt; 'views_slideshow',
  'path' =&gt; '',
  'stylesheets' =&gt; array(),
);
$handler-&gt;display-&gt;display_options['style_options']['widgets']['top']['views_slideshow_pager']['enable'] = 1;
$handler-&gt;display-&gt;display_options['style_options']['widgets']['top']['views_slideshow_pager']['weight'] = '1';
$handler-&gt;display-&gt;display_options['style_options']['widgets']['top']['views_slideshow_pager']['type'] = 'views_slideshow_pager_fields';
$handler-&gt;display-&gt;display_options['style_options']['widgets']['top']['views_slideshow_pager']['views_slideshow_pager_fields_fields'] = array(
  'field_image' =&gt; 'field_image',
  'field_image_1' =&gt; 0,
);
$handler-&gt;display-&gt;display_options['style_options']['widgets']['top']['views_slideshow_controls']['weight'] = '1';
$handler-&gt;display-&gt;display_options['style_options']['widgets']['top']['views_slideshow_controls']['type'] = 'views_slideshow_controls_text';
$handler-&gt;display-&gt;display_options['style_options']['widgets']['top']['views_slideshow_slide_counter']['weight'] = '1';
$handler-&gt;display-&gt;display_options['style_options']['widgets']['bottom']['views_slideshow_pager']['weight'] = '1';
$handler-&gt;display-&gt;display_options['style_options']['widgets']['bottom']['views_slideshow_pager']['type'] = 'views_slideshow_pager_fields';
$handler-&gt;display-&gt;display_options['style_options']['widgets']['bottom']['views_slideshow_pager']['views_slideshow_pager_fields_fields'] = array(
  'field_image' =&gt; 0,
  'field_image_1' =&gt; 0,
);
$handler-&gt;display-&gt;display_options['style_options']['widgets']['bottom']['views_slideshow_controls']['weight'] = '1';
$handler-&gt;display-&gt;display_options['style_options']['widgets']['bottom']['views_slideshow_controls']['type'] = 'views_slideshow_controls_text';
$handler-&gt;display-&gt;display_options['style_options']['widgets']['bottom']['views_slideshow_slide_counter']['weight'] = '1';
$handler-&gt;display-&gt;display_options['style_options']['views_slideshow_cycle']['timeout'] = '5000';
$handler-&gt;display-&gt;display_options['style_options']['views_slideshow_cycle']['speed'] = '700';
$handler-&gt;display-&gt;display_options['style_options']['views_slideshow_cycle']['delay'] = '0';
$handler-&gt;display-&gt;display_options['style_options']['views_slideshow_cycle']['start_paused'] = 0;
$handler-&gt;display-&gt;display_options['style_options']['views_slideshow_cycle']['remember_slide_days'] = '1';
$handler-&gt;display-&gt;display_options['style_options']['views_slideshow_cycle']['items_per_slide'] = '1';
$handler-&gt;display-&gt;display_options['style_options']['views_slideshow_cycle']['wait_for_image_load_timeout'] = '3000';
$handler-&gt;display-&gt;display_options['style_options']['views_slideshow_cycle']['cleartype'] = 0;
$handler-&gt;display-&gt;display_options['style_options']['views_slideshow_cycle']['cleartypenobg'] = 0;
$handler-&gt;display-&gt;display_options['row_plugin'] = 'fields';
/* Field: Content: Image */
$handler-&gt;display-&gt;display_options['fields']['field_image']['id'] = 'field_image';
$handler-&gt;display-&gt;display_options['fields']['field_image']['table'] = 'field_data_field_image';
$handler-&gt;display-&gt;display_options['fields']['field_image']['field'] = 'field_image';
$handler-&gt;display-&gt;display_options['fields']['field_image']['label'] = '';
$handler-&gt;display-&gt;display_options['fields']['field_image']['exclude'] = TRUE;
$handler-&gt;display-&gt;display_options['fields']['field_image']['element_label_colon'] = FALSE;
$handler-&gt;display-&gt;display_options['fields']['field_image']['click_sort_column'] = 'fid';
$handler-&gt;display-&gt;display_options['fields']['field_image']['settings'] = array(
  'image_style' =&gt; 'thumbnail',
  'image_link' =&gt; '',
);
$handler-&gt;display-&gt;display_options['fields']['field_image']['group_rows'] = FALSE;
$handler-&gt;display-&gt;display_options['fields']['field_image']['delta_offset'] = '0';
/* Field: Content: Image */
$handler-&gt;display-&gt;display_options['fields']['field_image_1']['id'] = 'field_image_1';
$handler-&gt;display-&gt;display_options['fields']['field_image_1']['table'] = 'field_data_field_image';
$handler-&gt;display-&gt;display_options['fields']['field_image_1']['field'] = 'field_image';
$handler-&gt;display-&gt;display_options['fields']['field_image_1']['label'] = '';
$handler-&gt;display-&gt;display_options['fields']['field_image_1']['element_label_colon'] = FALSE;
$handler-&gt;display-&gt;display_options['fields']['field_image_1']['click_sort_column'] = 'fid';
$handler-&gt;display-&gt;display_options['fields']['field_image_1']['settings'] = array(
  'image_style' =&gt; '',
  'image_link' =&gt; '',
);
$handler-&gt;display-&gt;display_options['fields']['field_image_1']['group_rows'] = FALSE;
$handler-&gt;display-&gt;display_options['fields']['field_image_1']['delta_offset'] = '0';
/* Sort criterion: Content: Post date */
$handler-&gt;display-&gt;display_options['sorts']['created']['id'] = 'created';
$handler-&gt;display-&gt;display_options['sorts']['created']['table'] = 'node';
$handler-&gt;display-&gt;display_options['sorts']['created']['field'] = 'created';
$handler-&gt;display-&gt;display_options['sorts']['created']['order'] = 'DESC';
/* Filter criterion: Content: Published */
$handler-&gt;display-&gt;display_options['filters']['status']['id'] = 'status';
$handler-&gt;display-&gt;display_options['filters']['status']['table'] = 'node';
$handler-&gt;display-&gt;display_options['filters']['status']['field'] = 'status';
$handler-&gt;display-&gt;display_options['filters']['status']['value'] = 1;
$handler-&gt;display-&gt;display_options['filters']['status']['group'] = 1;
$handler-&gt;display-&gt;display_options['filters']['status']['expose']['operator'] = FALSE;
/* Filter criterion: Content: Type */
$handler-&gt;display-&gt;display_options['filters']['type']['id'] = 'type';
$handler-&gt;display-&gt;display_options['filters']['type']['table'] = 'node';
$handler-&gt;display-&gt;display_options['filters']['type']['field'] = 'type';
$handler-&gt;display-&gt;display_options['filters']['type']['value'] = array(
  'image' =&gt; 'image',
);

/* Display: Page */
$handler = $view-&gt;new_display('page', 'Page', 'page');
$handler-&gt;display-&gt;display_options['path'] = 'slideshow';

Simply go to your-site/slideshow and Voilà! Feel free to comment if you got stuck or need my help.