DZone Snippets: slideshow code

embed flickr slideshow

fabricadecosas (ana m.) — Mon, 21 Jul 2008 19:59:39 GMT

// embed flickr slideshow

Beefed up RSS2 template for consumption with the Google Feed API Slide Show Control

crux (dirk luesebrink) — Thu, 31 May 2007 09:17:59 GMT

// description of your code here

xml.instruct!



# RSS2 rxml template based on: http://snippets.dzone.com/posts/show/558

xml.rss "version" => "2.0", \

        "xmlns:dc" => "http://purl.org/dc/elements/1.1/", \

        "xmlns:media" => "http://search.yahoo.com/mrss/" do



    xml.channel do



        xml.title       "foto-foo :: public timeline"

        xml.link        url_for :only_path => false, :controller => 'feeds'

        xml.pubDate     CGI.rfc1123_date(@images.first.updated_at) if @images.any?

        xml.description "foto-foo :: public timeline image feed"



        host = "AWS.S3.storage.host"

        @images.each do |img|

            img.url = "http://#{host}/#{img.name}"

            xml.item do

                xml.title       img.name

                xml.link        url_for :only_path => false, :controller => 'feeds', :action => 'show', :id => img.id

                xml.description ""

                xml.enclosure :url => "#{img.url}", :type => "image/jpg"



                xml.pubDate     CGI.rfc1123_date img.updated_at

                xml.guid        url_for :only_path => false, :controller => 'posts', :action => 'show', :id => img.id

                xml.author      "\"user-#{img.user_id}\" (#{img.user_id}@foto-foo.com)"



                xml.media :group do

                    xml.media :title, img.name

                    xml.media \

                        :content, :type => "#{img.mime}", :medium => "image", \

                        :url => "#{img.url}"

                        xml.media :credit, "#{img.credit.txt}", \

                                :role => "#{img.credit.role}" 

                    xml.media :description, "#{img.desc}", :type => 'plain'

                    xml.media :keywords, "#{img.tags}"

                    xml.media :thumbnail, \

                        :width => "#{img.thumbnail.widh}", \

                        :height => "#{img.thumbnail.height}", \

                        :url => "#{img.thumbnail.url}"

                end

            end

        end



    end

end

Scriptaculous JavaScript slideshow

peter (Peter Cooperx) — Tue, 31 Jan 2006 21:12:58 GMT

Found this amazing code by obie at http://blog.caboo.se/articles/2006/01/19/easy-scriptaculous-slideshow:

var album = { 

  startup: function() { 

    new PeriodicalExecuter(album.cycle, 5) // change image every 5 seconds 

  }, 

  cycle: function() { 

    new Effect.Fade('image', { // the id of the

 containing the photos 

      duration: 1, 

      fps: 50, 

      afterFinish: function() { 

        new Ajax.Updater('image','/album/next', { // URL for next  tag 

          asynchronous: true, 

          onSuccess: function() { 

            new Effect.Appear('image', {

              duration: 1,

              fps: 50,

              queue:'end'

            })

          } 

        }) 

      } 

    }) 

  } 

} 

 

window.onload = album.startup

I want to tweak it so that an earlier event precaches the next image instead.

Miniature slideshow for DIVs using Scriptaculous

peter (Peter Cooperx) — Thu, 05 Jan 2006 20:16:11 GMT

frame 1

frame 2

frame 3

frame 4