[Web4lib] powerpoint-style transitions with CSS or other simple web answers

[John Loy]

Ken,

Most popular javascript libraries provide capabilities to animate  
cross-fades, wipes, etc. A couple of the most popular for this  
purpose are probably Script.aculo.us <http://wiki.script.aculo.us/ 
scriptaculous/show/CombinationEffectsDemo> and Mootools <http:// 
demos.mootools.net/>. There is a great slideshow script called Smooth  
Slide Show <http://smoothslideshow.jondesign.net> based on Mootools  
that might be of use to you. Also take a look at Eric Meyer's S5  
<http://meyerweb.com/eric/tools/s5/> XHTML slideshow. It doesn't have  
built in transitions, but the source could be hacked to use one of  
the above-mentioned javascript libraries.

Hope this helps.

--
John Loy
Web Designer, University of Virginia Library
ph: (434) 924-7099, fax: (434) 924-1431
552 Alderman Library
http://lib.virginia.edu


On Sep 26, 2007, at 2:11 PM, Ken Irwin wrote:

> Hi folks,
>
> Is there an easy, friendly way to get web-pages to make visual  
> transitions in a fashion similar to PowerPoint fade/slide/speckle/ 
> etc transitions?
> We're looking at developing a kiosk that would display weekly  
> campus events. The original idea was to create a PPT file every  
> week, which sounds incredibly labor-intensive and boring. I'm  
> thinking of using a PHP/MySQL back-end that will manage the  
> content, but would still have a PowerPoint-like presentation. My  
> mockup relies heavily on the http-equiv=Refresh tag, just loading  
> one event-page after another.
>
> The PPT-type transitions are certainly non-mandatory, but  
> sprinkling them in gently might create a bit of eye-catchery and  
> visual appeal. Is there a straightforward way of doing this with  
> CSS, AJAX or something else?
>
> Any ideas?
>
> Thanks
> Ken
>
> -- 
> Ken Irwin
> Reference Librarian
> Thomas Library, Wittenberg University
>
> _______________________________________________
> Web4lib mailing list
> Web4lib at webjunction.org
> http://lists.webjunction.org/web4lib/