Thursday, August 4, 2011

Slide Show with Any Google Gadgets : Cord

<script type="text/javascript">
$(document).ready(function (){
/* Slideshow with Any Google Gadgets Created by Chihiro Okamoto : www.c-okamoto.blogspot.com*/
$(".main-outer").prepend('

<div id="slideShow"/>
');
$('h2.title').each(function(index, element) {
var elems = $(this).text();
var arr = jQuery.makeArray(elems);
if(jQuery.inArray("Slide", arr)!=-1){
$(this).css('display','none').parent().css('display','none').appendTo('#slideShow');
}
});

/* Inspired by http://jquery.malsup.com/cycle/ */
$('#slideShow').cycle({
fx: 'scrollHorz',
pause:1,
timeout: 7000,
speedIn: 1000,
speedOut: 1000,
easeIn: 'easeInOutExpo',
easeOut: 'easeInOutExpo'
});

$('#slideShow').children('div').each(function(index, element) {
var marginTop = $('#slideShow').height()-$(this).height();
$(this).css({marginTop:parseInt(marginTop)/2});
});
});
</script>


-from C.O.

No comments:

Post a Comment