CU3ER... un slider 3D en flash gratuito

Escrito el 29 de Octubre de 2009 por y leído 10,484 veces. Ver comentarios

CU3ER... un slider 3D en flash gratuito

ADVERTENCIA: Este artículo tiene más de 6 meses de antigüedad. Puede que esta información ya se encuentre obsoleta o haya nuevas y mejores opciones.

Si estás cansado/a de tanto jQuery para tus sliders o de usar siempre el mismo swf para hacer un carrousel de imágenes, te dejo una solución MUY BUENA para reemplazarlo.

Se trata de CU3ER, un slider 3D hecho en flash, gratuito y con muchas funcionalidades configurable por un simple XML (ver código 1).

Descargar

Código 1 - XML
<?xml version="1.0" encoding="utf-8" ?>
02. 
03.<cu3er>
04.    <settings>
05.         
06.        <prev_button>
07.            <defaults round_corners="5,5,5,5"/>
08.            <tweenOver tint="0xFFFFFF" scaleX="1.1" scaleY="1.1"/>
09.            <tweenOut tint="0x000000" />
10.        </prev_button>
11.         
12.        <prev_symbol>
13.            <tweenOver tint="0x000000" />        
14.        </prev_symbol>
15.         
16.        <next_button>
17.            <defaults round_corners="5,5,5,5"/>          
18.            <tweenOver tint="0xFFFFFF"  scaleX="1.1" scaleY="1.1"/>
19.            <tweenOut tint="0x000000" />
20.        </next_button>
21.         
22.        <next_symbol>
23.            <tweenOver tint="0x000000" />
24.        </next_symbol>   
25.             
26.    </settings>   
27. 
28.    <slides>
29.     
30.      <slide>
31.          <url>images/slide_1.jpg</url>
32.      </slide>
33. 
34.      <!-- changing transition beetween first & second slide -->
35.      <transition num="3" slicing="vertical" direction="down"/>
36. 
37.      <slide>
38.          <url>images/slide_2.jpg</url>
39.      </slide>   
40.     
41.      <!-- changing transition beetween second & third slide -->
42.      <transition num="4" direction="right" shader="flat" />
43. 
44.      <slide>
45.          <url>images/slide_3.jpg</url>
46.      </slide>
47.       
48.      <!-- transitions properties defined in transitions template -->
49. 
50.      <slide>
51.          <url>images/slide_4.jpg</url>
52.      </slide>
53. 
54.      <transition num="6" slicing="vertical" direction="up" shader="flat" delay="0.05" z_multiplier="4" />
55. 
56.      <slide>
57.          <url>images/slide_5.jpg</url>
58.      </slide>
59.       
60.      <!-- transitions properties defined in transitions template -->
61.         
62.    </slides>
63.</cu3er>

Acerca del Autor:

Diseño de páginas web económico. Mantenimiento y alojamiento incluido

Martín Iglesias, diseño web freelance de A Coruña, especializado en maquetación css y desarrollo de páginas web a medida con más de 16 años de experiencia en el desarrollo de páginas web profesionales.

Si te ha gustado este artículo, por favor, ayúdanos a difundirlo compartiéndolo con tus amigos y contactos en las distintas redes sociales que utilices. ¡Muchas gracias!