Skip to content
This repository has been archived by the owner on Apr 13, 2019. It is now read-only.

Latest commit

 

History

History
64 lines (44 loc) · 1.88 KB

readme.md

File metadata and controls

64 lines (44 loc) · 1.88 KB

Image Slideshows

Refinery Image Slideshows

Refinery Image Slideshows

About

Image Slideshows allows you to create groups of images for use by a JavaScript image slider.

Suggested image slider: Nivo Slider

Requirements

Refinery CMS "core" engine version 2.0.0 or later.

Gem Installation

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>