Skip to content


Subversion checkout URL

You can clone with
Download ZIP
The bxslider-rails is a gem with bxSlider (jQuery HTML Content Slider), ready to play with Rails.
branch: master

Merge pull request #8 from jhsveli/master

Update to 4.1.2 version of bxslider
latest commit 7bae38657f
@manfe authored

bxSlider Rails Gem - v4.1.2

jQuery bxSlider v4.1.2 -

bxSlider Author: Steven Wanderski, Copyright 2011 bxslider-rails Author: Mauricio Natanael Ferreira.

Extra info

bxSlider 4.1.2 == bxslider-rails (4.1.2)


Add this line to your application's Gemfile:

gem 'bxslider-rails'

And then execute:

$ bundle install

Or install it yourself as:

$ gem install bxslider-rails


The bxSlider is a jQuery HTML Content Slider, so please check if you are using the jquery on your rails app

//= require jquery

Your app/assets/javascripts/application.js must appear like:

//= require jquery
//= require jquery_ujs
//= require bxslider
//= require_tree .

And your app/assets/stylesheets/application.css like this:

*= require_self
*= require bxslider
*= require_tree .

Basic Structure example from

<ul class="bxslider">
  <li>Slide one content</li>
  <li>Slide two content</li>
  <li>Slide three content</li>
  <li>And so on...</li>

Production environmet setup (Rails 4.0+ only)

You have to add images to precompile array manually in your config/environments/production.rb

# Precompile additional assets.
# application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
config.assets.precompile += %w( bx_loader.gif controls.png )


If you are going to use coffee script:

$(document).ready ->

Or just javascript:


For more documentation please checkout the bxslider 4 repository here:

Gem Author

Something went wrong with that request. Please try again.