Views slideshow: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 15: | Line 15: | ||
To make it responsive add the following css: | To make it responsive add the following css: | ||
<pre> | <pre> | ||
.views-slideshow-cycle-main-frame,.views-slideshow-cycle-main-frame-row,.views-slideshow-cycle-main-frame-row img { | .views-slideshow-cycle-main-frame, | ||
.views-slideshow-cycle-main-frame-row, | |||
.views-slideshow-cycle-main-frame-row img { | |||
width: 100% !important; | width: 100% !important; | ||
} | } |
Latest revision as of 14:09, 26 March 2014
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!
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