Permalink
Browse files

adding jcarousel

  • Loading branch information...
1 parent 79ebd8b commit 66c9ab9c481cb7898a22e8c1be0769cf575ea2a7 @stevenwilkin committed Aug 23, 2009
Showing with 66 additions and 2 deletions.
  1. +49 −0 public/css/jquery.jcarousel.css
  2. +15 −0 public/js/jquery.jcarousel.pack.js
  3. +2 −2 views/layout.haml
@@ -0,0 +1,49 @@
+/**
+ * This <div> element is wrapped by jCarousel around the list
+ * and has the classname "jcarousel-container".
+ */
+.jcarousel-container {
+ position: relative;
+}
+
+.jcarousel-clip {
+ z-index: 2;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+ position: relative;
+}
+
+.jcarousel-list {
+ z-index: 1;
+ overflow: hidden;
+ position: relative;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
+}
+
+.jcarousel-list li,
+.jcarousel-item {
+ float: left;
+ list-style: none;
+ /* We set the width/height explicitly. No width/height causes infinite loops. */
+ width: 75px;
+ height: 75px;
+}
+
+/**
+ * The buttons are added dynamically by jCarousel before
+ * the <ul> list (inside the <div> described above) and
+ * have the classnames "jcarousel-next" and "jcarousel-prev".
+ */
+.jcarousel-next {
+ z-index: 3;
+ display: none;
+}
+
+.jcarousel-prev {
+ z-index: 3;
+ display: none;
+}

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -6,9 +6,9 @@
%title
twitter trends seen through the eyes of google images
%meta{:name => 'description', :content => ''}
- - ['reset', 'trends'].each do |c|
+ - ['reset', 'jquery.jcarousel', 'trends'].each do |c|
%link{:type => 'text/css', :rel => 'stylesheet', :href => "/css/#{c}.css"}
- - ['jquery', 'trends'].each do |j|
+ - ['jquery', 'jquery.jcarousel.pack', 'trends'].each do |j|
%script{:type => 'text/javascript', :src => "/js/#{j}.js"}
%body

0 comments on commit 66c9ab9

Please sign in to comment.