search

Codeinwp / Ideal-Image-Slider-JS

Quite simply the ideal Image Slider in vanilla JS.
http://idealimageslider.com
GNU General Public License v3.0
1.57k stars 160 forks source link

Image goes black when I hover over it with mouse #48

Open josephmo opened 9 years ago

josephmo commented 9 years ago

Environment: rails 3.2.12

I am trying to create a view on my home page, with a "slide show" effect. Here's what I did:

I placed the images in the following folder:

assets/slider-images/

I added the following to the gemfile:

gem 'rambling-slider-rails'

Here's what I have in my app/assets/javascripts/application.js

//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require jquery-ui-timepicker-addon
//= require_tree .
//= require bootstrap
//= require bootstrap-datepicker
//= require tinymce
//= require jquery.rambling.slider

I added the following to app/assets/stylesheets/application.css.erb

*= require jquery.rambling.slider

I added the following to the head section of app/views/layouts/application.html.erb:

<head>
  <%= stylesheet_link_tag 'jquery.rambling.slider' %>
  <%= javascript_include_tag 'jquery.rambling.slider' %>
</head>

And in my app/views/pages/home.html.erb

<div id="wrapper">
  <div class="slider-wrapper theme-default">
    <div class="ribbon"></div>
    <div id="slider" class="ramblingSlider">
      <%= link_to(image_tag('slider-images/sample1.jpg'), conference_path) %>
      <%= link_to(image_tag('slider-images/sample3.jpg'), conference_path) %>
      <%= link_to(image_tag('slider-images/sample4.jpg'), conference_path) %>
    </div>
  </div>
</div>

$(window).load(function(){
   $('#slider').ramblingSlider();
});

After I updated the server, I issued the following command:

RAILS_ENV=test bundle exec rake assets:precompile

and restarted the apache server.

Everything is working fine, with the exception of the following: when I hover the mouse over the image, it turns black. Any ideas?