Views slideshow: Difference between revisions

From Edgar BV Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 13: Line 13:
Also requires jquery 1.7 branche. Use [https://drupal.org/project/jquery_update the jquery update] module to update. Once enabled, go to configuration -> (development) -> jquery update to set it to 1.7 NOT 1.8, that breaks the Views module.
Also requires jquery 1.7 branche. Use [https://drupal.org/project/jquery_update the jquery update] module to update. Once enabled, go to configuration -> (development) -> jquery update to set it to 1.7 NOT 1.8, that breaks the Views module.


To make it responsive look [https://drupal.org/node/1510526 here]
To make it responsive add the following css:
<pre>
.views-slideshow-cycle-main-frame,.views-slideshow-cycle-main-frame-row,.views-slideshow-cycle-main-frame-row img {
  width: 100% !important;
}
</pre>
 
look [https://drupal.org/node/1510526 here]

Revision as of 14:09, 26 March 2014

module

instructions

The basic idea is you create a content type for the slider. As an option you can create a media type so media is resized properly. Then you create a view with the content type fields showing. If the view is a block, you need to change the .info file nad the page.tpl.php files a bit to be able to place the block using structure -> blocks.

NB, after you edit the .info and page.tpl.php files, don't forget to clear the cache or you won't see the new region!

instructions

Requires the link module

Also requires jquery 1.7 branche. Use the jquery update module to update. Once enabled, go to configuration -> (development) -> jquery update to set it to 1.7 NOT 1.8, that breaks the Views module.

To make it responsive add the following css:

.views-slideshow-cycle-main-frame,.views-slideshow-cycle-main-frame-row,.views-slideshow-cycle-main-frame-row img {
   width: 100% !important;
}

look here