clipping for images list

stevenwilkin · Aug 27, 2009 · 2de7c7c · 2de7c7c
1 parent 2157e03
commit 2de7c7c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/public/js/trends.js b/public/js/trends.js
@@ -10,7 +10,7 @@ function itemVisibleOut(carousel, item, i, state, evt){
 
 $(document).ready(function(){
 	$('#images ol').hide();
-	$('#images').append('<ul id="carousel" class="jcarousel-skin-tango">');
+	$('#images-clip').append('<ul id="carousel" class="jcarousel-skin-tango">');
 	$('#carousel').jcarousel({
 		vertical: true,
 		scroll: 1,

diff --git a/views/index.haml b/views/index.haml
@@ -4,13 +4,14 @@
     - @trends.each do |t|
       %li
         &middot; 
-        %a{:href => t['url'], :title => "search twitter for '#{t['name']}'"}= t['name']
+        %a{:href => t['url'], :title => "search twitter for '#{t['name']}'"}= t['name'].gsub(/%23/, '#')
   last updated
   %span{:title => @updated_full}= @updated
 
 #images
-  %ol
+  #images-clip
-    - @trends.each do |t|
+    %ol
-      %li
+      - @trends.each do |t|
-        %a{:href => t['url']}
+        %li
-          %img{:src => t['img'], :alt => t['name'], :title => "search twitter for '#{t['name']}'"}
+          %a{:href => t['url']}
+            %img{:src => t['img'], :alt => t['name'], :title => "search twitter for '#{t['name']}'"}
diff --git a/views/trends.sass b/views/trends.sass
@@ -79,3 +79,7 @@ a
     width: 125px
     height: 100px
     overflow: hidden
+
+#images-clip
+  height: 400px
+  overflow: hidden