Recursos y Descargas

Esto no es un blog. Es una sección que programé para ir publicando aquellas cositas que me parecen interesantes y, por cualquier motivo, quiero tener a mano. Copia lo que quieras, usa lo que quieras (pero respeta sus licencias).

CU3ER... un slider 3D en flash gratuito

Escrito por: Martín el 29-10-2009 17:16:56

CU3ER... un slider 3D en flash gratuito

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 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>