Image Slideshows allows you to create groups of images for use by a JavaScript image slider.
Suggested image slider: Nivo Slider
Refinery CMS "core" engine version 2.0.0 or later.
Include the latest gem into your Refinery CMS application's Gemfile:
gem "refinerycms-image_slideshows", '~> 1.0'Then type the following at the command line inside your Refinery CMS application's root directory:
bundle install
rails generate refinery:image_slideshows
rake db:migrate
rake db:seed
How to display a slideshow with Nivo Slider:
<body>
<% main_slideshow = Refinery::ImageSlideshows::ImageSlideshow.find_by_title('Demo') %>
<div id="wrapper">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<% main_slideshow.image_slides.each do |image_slide| %>
<%= link_to image_slide.link_url do %>
<%= image_tag image_slide.image.url, :alt => image_slide.title, :title => image_slide.caption %>
<% end %>
<% end %>
</div>
</div>
</div>
<script type="text/javascript" src="/javascripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/javascripts/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
<%= raw main_slideshow.js_config %>
});
});
</script>
</body>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent