jQuery + Rails 3.1でのダイナミックスライドショー

Question

イメージとテキストが動的になる簡単なjQueryスライドショーで作業しようとしています。

Railsのコードは次のようである：

.section 
    -@testimonials.each do |testimonial| 
     .section 
      .row.testimonial.round 
       .three.columns 
        =image_tag(testimonial.testifier.thumb_small.url)   
       .eight.columns.testimonial-description 
        .row.testimonial-description 
         %blockquote 
          %span(class = "bqstart") &#8220 
          =testimonial.description 
          %span(class = "bqend") &#8221 
        .row.testifier-details 
         %strong="#{testimonial.name} #{testimonial.designation} #{testimonial.company}" 
       .one.columns 

これは私のデータベースからのイメージと説明を行います。

これらの結果をスライドショーに入れたい場合、どうすればいいですか？

Answer 1

このことは、Zurb Orbit（スライドショー）ではうまく機能しませんでした。私はより良いスライドショーIMOであるslide.jsに切り替えた。 ass/assets/javascriptこの中でslides.jsをインストールした後

は、スライドショーのHTMLです： -

.section 
    #testimonial-slideshow.round 
     -@testimonials.each do |testimonial| 
      .row 
       .three.columns 
        =image_tag(testimonial.testifier.thumb_small.url)   
       .nine.columns 
        .row.testimonial-description 

         %span(class = "bqstart") &#8220 
         =truncate(testimonial.description, :length => 150) 
         %span(class = "bqend") &#8221 
        .row.testimonial-name 
         %strong="#{testimonial.name} #{testimonial.designation} #{testimonial.company}" 

とjsが次のようになります -

$('#testimonial-slideshow').slides({ 
      width: 600, 
      height: 120, 
      generateNextPrev: false, 
      pagination: false, 
      play: 1000 
    });