Uno de los archivos que pueden hacer más lenta la navegación en internet es el mapa de bits.
Una pagina que esta cargada de imágenes tarda considerablemente mas tiempo en cargar que una con solo texto. Si queremos ilustrar una entrada con un contenido determinado de fotos, nos puede convenir, a fines de hacer más fácil el acceso a nuestra entrada, incorporar una presentación de diapositivas interactiva directamente de un sitio administrador de imágenes como flick. Una alternativa viable también lo puede ser Picasa o PhotoBucket.
La manera en que se incorpora dicha presentación es la siguiente:
Buscamos en nuestro respectivo perfil de flickr la opción de EMBED que nos generara in código en donde
Determinamos la medida de la ventana que vamos a importar a nuestro blog. Observar el tamaño de la ventana de diapositivas es básico para asegurar que no se desborde del área de escritura. El código de la
Presentación se pega directamente a la modalidad de HTML de nuestro editor de texto.
Hay que tener cuidado de recorrer el texto hasta el fondo del documento para no sobrescribir alguna instrucción.
En esta sesión emplearemos dos variantes de la diapositiva integrada a nuestro blog : la básica ofertada por flickr, y la avanzada a través de PICTOBUILDER.
A continuación incluimos ejemplos de cada una.
Get the flash player here: http://www.adobe.com/flashplayer
PASOS PARA UTILIZAR EL SERVICIO PICTOBROWSER DE PICTOBUILDER
1.- ACCESAMOS en nuestro navegador a http://www.db798.com/
2.- En la página de bienvenida de PICTOBROWSER
presiono el botón de PICTOBUILDER que se encuentra ubicado en la
parte superior derecha.
3.- Donde nos indica "enter your screen name",
escribimos el nombre de usuario de nuestra cuenta de FLICKR que se encuentra
directamente en nuestra bienvenida a FLICKR (el saludo en varios idiomas)
Presionamos el botón de CONTINUE.
4.- En la siguiente pantalla seleccionamos
la opción de SETS. Esta opción nos despliega
los títulos de álbumes de fotos que hemos creado en nuestra
cuenta de FLICKR. Seleccionar uno de esta lista.
5.- Nos aparece la pantalla de lista previa en la columna de la
izquierda aparecen los controles de la diapositiva a la derecha se reflejan
inmediatamente los cambios que realizamos.
*Controles:
a) Imagen Settings: Predeterminamos el tamaño y la calidad de la
foto. Si fueron extraídas directamente de Internet puede no
presentar cambios, si en contraparte fueron subidas a FLICKR de
una cámara digital podemos bajar la calidad para que no tarden tanto
en visualizarse.
b) Alineación de la imagen: aquí orientamos
las fotografías en función de como fueron tomadas (Retrato
ò paisaje) cargándolas hacia cualquiera de los dos costados de la
ventana o bien centrándola en el espacio del reproductor.
c) Opción de SCALE TO FILL: Esta opción aumenta o
disminuye el tamaño de las imágenes para que llenen la mayor parte de
la ventana posible. MUY IMPORTANTE: Si las fotos no cuentan con la
suficiente resolución, esta opción pixelea las imágenes.
d) PLAYER SETTINGS: Son los ajustes del
reproductor. Aquí podemos determinar el ancho y largo del reproductor
expresados como valores de HEIGHT and WIDTH (alto y ancho), medidos en pixeles
que se ajustan en relación al tamaño de nuestra pantalla.
TITLES: Define si se muestran o no los títulos de cada imagen de acuerdo a lo
que indique FLICKR.
NOTES: Incluye o no la descripción de cada foto,
esta opción también depende de lo que hayamos definido en
FLICKR.
Auto-hide: Este ajuste hace que los controles de
mi presentación se oculten automáticamente cuando no este
el mouse sobre la ventana del Picto Builder.
<div
id="PictoBrowser120712120009">Get the flash player here:
http://www.adobe.com/flashplayer</div><script
type="text/javascript"
src="http://www.db798.com/pictobrowser/swfobject.js"></script><script
type="text/javascript"> var so = new
SWFObject("http://www.db798.com/pictobrowser.swf",
"PictoBrowser", "500", "500", "8",
"#EEEEEE"); so.addVariable("source", "sets");
so.addVariable("names", "álbum nuevo companeros del diplomado
blogs "); so.addVariable("userName", "chuchadejose");
so.addVariable("userId", "82342416@N03");
so.addVariable("ids", "72157630546568450");
so.addVariable("titles", "on");
so.addVariable("displayNotes", "on");
so.addVariable("thumbAutoHide", "off");
so.addVariable("imageSize", "medium");
so.addVariable("vAlign", "mid"); so.addVariable("vertOffset",
"0"); so.addVariable("colorHexVar", "EEEEEE");
so.addVariable("initialScale", "off");
so.addVariable("bgAlpha", "90");
so.write("PictoBrowser120712120009"); </script>
ariable("initialScale", "off"); so.addVariable("bgAlpha", "95");
Get the flash player here: http://www.adobe.com/flashplayer
No hay comentarios:
Publicar un comentario