SlideShow, transición de imágenes de Picasa


Para usarlo hay que hacer esto:

Primero, necesitamos el script que llamamos desde la plantilla (antes del /head), desde un post o desde algún elemento HTML que agregamos. En todos los casos, escribimos:

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js" type="text/javascript"></script>


Segundo, en el post o donde se quiera poner el cuadro, hay que implementar un DIV con un ID, el ID es para diferenciarlo si usamos varios en la misma página.
Tercero, agregar la llamada al script, con todas las opciones. Esto se puede agregar junto con el DIV o en otra parte, el cuadro se muestra donde esta el DIV.


El código para usarlo sería algo asi:

<div id="slideShow" style="width:160px;height:160px;">Cargando ...</div>

<script type="text/javascript">
function LoadSlideShow() {
var feed = "URL_delFeed";
var options = {displayTime:2000, transistionTime:600, scaleImages:true};
var ss = new GFslideShow(feed, "slideShow", options);
}
google.load("feeds", "1");
google.setOnLoadCallback(LoadSlideShow);
</script>


la cantidad de imágenes: numResults:cantidad
mantener o no la relación ancho/alto: scaleImages:true|false (por defecto es true)
o bien maintainAspectRatio:true|false
el tiempo que permanecen visibles: displayTime:valor (en milisegundos, por defecto3000)
el tiempo que dura la transición: transitionTime:valor (en milisegundos, por defecto1000)
transformar o no las imágenes en enlaces: linkTarget:google.feeds.LINK_TARGET_BLANK(por defecto no)
habilitar o deshabilitar pausa con mouseover: pauseOnHover:true|false (por defecto estrue)
habilitar panel de control: fullControlPanel:true
panel de control con íconos pequeños: fullControlPanelSmallIcons:true
El tamaño de las miniaturas puede establecerse con estas opciones:
thumbnailSize: GFslideShow.THUMBNAILS_SMALL
thumbnailSize: GFslideShow.THUMBNAILS_MEDIUM
thumbnailSize: GFslideShow.THUMBNAILS_LARGE
Fuente: Vagabundia



Firma Post


No hay comentarios:

ir arriba