jquery - 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 一起工作过（幻灯片）。我切换到 slide.js，这是一个更好的幻灯片 IMO 并且它有效。

在安装 slides.js 之后，ass/assets/javascript这是幻灯片的 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
    });