DojoToolKit framework

getDojoToolKit

http://dojotoolkit.org/reference-guide/dojox/widget/AutoRotator.html#dojox-widget-autorotator

Este es el Dojo un framework de javascript que he tenido que aprender por cuestiones de trabajo, este framework tiene algunas cosas interesantes como que es multi browser y te evita el estar haciendo hacks y depurando para los diferentes navegadores que luego ahi es donde se pierde mucho tiempo.

El ejemplo esta aqui:

He aqui un ejemplo de como hacer un slider que rota automaticamente. Slider en DojoToolkit framework.

El DojoToolKit se puede bajar aqui para que lo pruebes y hay conozcas sus caracteristicas.

dojoSliderSample

JAVASCRIPT PARA EL DOJO Y SU CSS (EN EL HEADER)

<script src=”http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js&#8221;
djConfig=”parseOnLoad: true”>
</script>
<script type=”text/javascript”>
dojo.require(“dojox.widget.AutoRotator”);
dojo.require(“dojox.widget.rotator.Fade”);
</script>
<link rel=”stylesheet” type=”text/css” href=”http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css&#8221;
/>

JAVASCRIPT

<script type="text/javascript"> dojo.require("dojox.widget.AutoRotator"); dojo.require("dojox.widget.rotator.Fade"); </script>

HTML

<div dojoType="dojox.widget.AutoRotator" id="myAutoRotator2" jsId="myAutoRotatorInstance2" transition="dojox.widget.rotator.crossFade" duration="2000" random="false" cycles="9999"> <div> <img src="../imagenes/dojoSlide01.jpg" alt="Dojotoolkit" /> </div> <div> <img src="../imagenes/dojoSlide02.jpg" alt="Dojotoolkit" />
 </div> <div> <img src="../imagenes/dojoSlide03.jpg" alt="Dojotoolkit" /> </div> </div>


.

Acerca de Emmanuel Vargas @sdgestudio

Graphic Designer currently working with user interface for web applications using dojo toolkit, jQuery in a java environment. Photographer interested in portrait, experimental and photo-journalism for social events. www.sdgestudio.com you can find me in G+

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: