bodrovis / jquery-slick-rails Goto Github PK
View Code? Open in Web Editor NEWIntegrates Slick carousel, a jQuery plugin, into your Rails app.
License: MIT License
Integrates Slick carousel, a jQuery plugin, into your Rails app.
License: MIT License
Sass is saying that @import 'slick'; cannot be found, but *= require slick works. Also, can you help me implement this plugin to my view. Ruby on Rails struggles with JavaScript at certain points. I followed the instructions to no avail. Please provide a short tutorial to assist me in getting this working on rails.
Get this error every time try to work with slick in a coffee script file, for a particular model, in my case photo.js.coffee.
//
//= require jquery
//= require jquery_ujs
//= require foundation
//= require jquery.slick
//= require turbolinks
//= require_tree .
application.html.erb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><%= content_for?(:title) ? yield(:title) : "foundation-rails" %></title>
<%= stylesheet_link_tag "application" %>
<%= javascript_include_tag "vendor/modernizr" %>
<%= csrf_meta_tags %>
</head>
<body>
<%= yield %>
<%= javascript_include_tag "application" %>
</body>
</html>
application.css
*
*= require_tree .
*= require_self
*= require foundation_and_overrides
*/
@import 'slick';
I've made a modified version of slick-style.css and put it in my assets/stylesheets directory. However, in slick-style.css, there are references to the slick fonts. How would I go about revising these references to use wherever this gem's fonts are so that my slider arrows can look like the slick arrows, and not the default arrow characters?
The theme is not referencing compiled assets in the asset pipeline in prod env correctly. I propose that we change the theme to use sass and use the asset-url helper.
Hi, I don't know if this is an issue or it's intended to be like this. I'm using slick in my rails app, but I encounter a problem with the height of the images. I want my images to have the same height, for that I used adaptiveHeight: false, but this is still happening:
Why is that happening? And if is not a issue can you please tell me how to fix this without me fixing the height statically.
Thank you!
I just installed the gem, included and required the file in my application stylesheet and javascript.
I get this error in my console when i access my site.
GET http://0.0.0.0:3000/assets/slick.css.map 404 (Not Found)
The first time I visit a page with the slick carousel on it it operates normally. If I route to another page and then back to the carousel the images will all stack on top of each other and the carousel will be broken. The site is also using bootstrap4 so I don't know if they are clashing.
Win 10, Ruby 2.2.4p230, Rails 5.0.0.1, 'sass-rails', '5.0.6', 'jquery-rails', '4.1.1'
File to import not found or unreadable: slick.
Load paths:
CompassRails::SpriteImporter
...
CompassRails::SpriteImporter
D:/app/assets/config
D:/app/assets/fonts
D:/app/assets/images
D:/app/assets/javascripts
D:/app/assets/stylesheets
D:/vendor/assets/javascripts
D:/vendor/assets/stylesheets
C:/RailsInstaller/Ruby2.2.0/lib/ruby/gems/2.2.0/gems/ckeditor-4.1.3/app/assets/javascripts
C:/RailsInstaller/Ruby2.2.0/lib/ruby/gems/2.2.0/gems/ckeditor-4.1.3/app/assets/stylesheets
C:/RailsInstaller/Ruby2.2.0/lib/ruby/gems/2.2.0/gems/ckeditor-4.1.3/vendor/assets/javascripts
C:/RailsInstaller/Ruby2.2.0/lib/ruby/gems/2.2.0/gems/jquery-rails-4.1.1/vendor/assets/javascripts
C:/RailsInstaller/Ruby2.2.0/lib/ruby/gems/2.2.0/gems/coffee-rails-4.2.1/lib/assets/javascripts
C:/RailsInstaller/Ruby2.2.0/lib/ruby/gems/2.2.0/gems/actioncable-5.0.0.1/lib/assets/compiled
C:/RailsInstaller/Ruby2.2.0/lib/ruby/gems/2.2.0/gems/turbolinks-source-5.0.0/lib/assets/javascripts
D:/app/assets/stylesheets
C:/RailsInstaller/Ruby2.2.0/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets
C:/RailsInstaller/Ruby2.2.0/lib/ruby/gems/2.2.0/gems/susy-2.2.12/sass
Compass::SpriteImporter
Hi, I'm getting an
CSS3111: @font-face encountered unknown error
slick.eot?#iefix
on the IE9 console which completely blocks the site from rendering. When I remove the slick-theme that error goes away but of course I don't have the default theme. Any idea how to fix the problem?
Hi, First of all, thanks for the good gem you provide. It's pretty good!
SO, the question is does it work for rails 6?
If yes, is there any guide or installation recipe for rails 6, If No, do have any upgrade plan on that?
Thanks!!
Hi! Thanks for packaging Slick as a gem. Slick 1.8.1 was released a few days ago. I'm filing this issue to ask for a gem release with 1.8.1, when you get around to it, and so that I get notified when you do. :)
Even after @import 'slick' .
Please verify.
The font and image assets used in the theme are not being compiled with the asset pipeline. To solve this I propose we move vendor/assets to app/assets to remedy this issue.
Issue: This is a problem specific to Chrome Android. When vertically swiping (aka scrolling) a webpage and reaching a slider using slick, the scrolling stop. Further attempt to swipe (over the slider) to move on fails.
Cannot confirm about native Android browser.
Working fine on Chrome iOS and Safari iOS.
reference: kenwheeler/slick#449
I was trying to play around with verticalSwiping, but it doesn't seem like this has the most updated version of slick.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.