• Página 2 de 2
  • «
  • 1
  • 2
Moderador del foro: ZorG  
Foro uCoz » Servicios Adicionales » Cuestiones generales » Rotador de banners
Rotador de banners
GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 16 | 2:16 PM
Ceguera a los banners, cómo se produce este fenómeno psicológico

________________________________________
Cuando un estimulo aparece de forma repetida y frecuente nos insensibilizamos a él. Ello es causado un mecanismo neuronal muy primitivo que existe incluso en animales poco evolucionados. Por ejemplo, si nos pegan 50 pellizcos en el brazo a partir del quinto la sensación de pellizco disminuirá sensiblemente, a partir del décimo casi no sentiremos nada y a partir del vigésimo, nada de nada.

El reflejo de orientación es un mecanismo de defensa que nos hace girar la vista en dirección a cualquier ruido, cosa que se mueva o sea de vivos colores. Este reflejo de orientación es un mecanismo producido por la evolución humana para defenderse de agresiones externas. Hoy en día este mecanismo sirve para poco, pero se muestra, por ejemplo, cuando se abre una puerta y se gira la cabeza en esa dirección. Sin embargo en una habitación donde constantemente entra gente por una puerta al poco tiempo se dejará de girar la cabeza en dirección a la puerta.La desensibilización ocurre de forma más acelerada si la información es irrelevante, es decir, no importa quién entra.

La identificación de los banners se produce por la creación en los usuarios de un esquema perceptivo que a través de determinadas claves visuales de los banners (forma, características, imágenes, fondo llamativo, posición en la página, etc.) permite descartarlos como información a analizar. Esta ceguera visual sirve a los usuarios para discriminar entre contenido de posible utilidad (contenidos reales del sitio) y contenido de nula utilidad (generalmente publicidad). La ceguera es posible debido a este formato llamativo de la publicidad (que proporciona esas claves visuales identificativas).

Lo mismo ocurre con los banners, al principio no es posible quitarles el ojo de encima, pero finalmente los usuarios se vuelven "ciegos" a ellos. Pero no se produce una ceguera a los banners como tales, simplemente se aprenden unas claves visuales para descartar la información irrelevante. La principal de estas claves visuales apunta a la parte superior de la pagina, puesto que esa es la característica más repetida de un banner. Así se aprende a no prestar atención a esa parte de la pagina. Por supuesto si el banner se cambia a la parte inferior de la pagina, recibirá más atención, hasta que finalmente se aprenda a no prestar atención a la parte inferior. Con el reflejo de orientación sucede exactamente igual, si en vez de abrirse la puerta a la derecha (a la que se es insensible), se abre la puerta de la izquierda, se giraría la cabeza de nuevo. Si la nueva puerta se abriese constantemente aparecería la insensibilidad de nuevo.

Los contenidos de los banners
La falta de contenidos útiles y de interés en la publicidad contribuye al origen de la ceguera e induce a los usuarios a descartarla, pero no es una gran diferencia con los otros medios de comunicación. En la radio, la televisión o la prensa, la publicidad raramente nos es útil, pero no existe forma de evitarla.

La diferencia es que en Internet existe una manera de identificar la publicidad, ignorarla y seguir prestando atención al resto de contenidos de interés: su formato chillón, llamativo y muy diferente del formato de los contenidos reales del sitio permite crear el esquema perceptivo antes comentado. Ahí están las claves visuales, en el formato de la publicidad.

Algunos diseñadores suponen que la ceguera a los banners ocurre solo si el banner es irrelevante para el usuario, pero no si el banner es relevante y solo aparece cuando esta muy relacionado con el objetivo o el perfil del usuario. Esto es parcialmente cierto. Si los sitios web hubieran actuado así desde el principio la ceguera a los banners nunca se hubiera producido o no hubiese sido tan acentuada. Pero ha ocurrido exactamente lo contrario, cuanto más ceguera producían los banners, más llamativos y animados se diseñaban para contrarrestarla. Todo ello generó un efecto rebote, a banner más llamativo más rápidamente insensible se volvía la atención a ellos y desarrolló nuevas claves visuales para identificar la información irrelevante. Por esta razón aunque algunos sitios web usen los banners correctamente, los usuarios ya han aprendido a evitar los banners y seguirán aprendiendo, puesto unos pocos diseñadores no pueden cambiar el banner estándar, ni hacer desaparecer la ceguera a corto o medio plazo. La ceguera a los banners es actualmente independiente de los contenidos de los banners.

La influencia de los usuarios noveles
Algunos sitios afirman conseguir tasas de "click-through" demasiado altas para creer que el fenómeno de ceguera a los banners sea universal. Esta afirmación es también parcialmente cierta, la tasa debería ser ridículamente baja si todos los usuarios fueran ciegos a los banners (y en muchos sitios lo es), pero la ceguera a los banners tiene un periodo de aprendizaje que requiere tiempo. Los usuarios noveles de internet no son ciegos a los banners porque aun no han navegado lo suficiente como para desarrollar la insensibilización (aún están en los primeros pellizcos). Al cabo de un tiempo los usuarios se volverán ciegos, aunque actualmente la cantidad de usuarios noveles navegando por Internet es tan que mantienen las tasas de "click-through" en niveles demasiado altos. A pesar de ello, llamar la atención de esos usuarios noveles no es interesante económicamente porque estos raramente se registran o compran en Internet ya que aún no han desarrollado la suficiente confianza en el medio.

Nuevos formatos de banners
Muchos autores optan por crear banners más grandes, con diferentes posiciones en la pagina, de formas diferentes, etc. Todo ello sube fugazmente la efectividad de la publicidad, porque se produce un cambio en el formato y por lo tanto en las claves visuales que ayudan a identificar los banners. Como resultado el esquema perceptivo que identifica banners y los descarta ya no funciona igual de bien. Sin embargo, la mayor efectividad de esta publicidad es fugaz porque estos nuevos formatos son lo suficientemente llamativos (contienen muchas claves visuales) y en poco tiempo el esquema perceptivo aprende distinguirlos y a descartarlos.

Posible solución
La única solución actualmente consiste quitar claves visuales a la publicidad, no hacerla llamativa, para que sea lo más difícil posible para los usuarios identificarla con el esquema perceptivo "descartador" de publicidad. Quitar estos elementos llamativos a la publicidad significa en la práctica que se parezca a los contenidos reales del sitio, así se provocaría que cuando el usuario buscase información leyese la publicidad.

Sin embargo, con el uso de esta solución se deben de tener muy claros dos puntos:
a) Por un lado la publicidad debe estar identificada como tal por un subtítulo identificativo, para no tratar de hacer pasar publicidad como contenido real del sitio (en otros medios está regulado legalmente. Si se intenta confundir la publicidad con contenidos, los usuarios quedarían frustrados por la estrategia del sitio y su actitud sería muy negativa hacia el sitio.
b) Por otro lado se ha de comprender que Internet no es un medio donde la publicidad pueda ser introducida de manera indiscriminada, es decir, sin relación con los objetivos del usuario en esa página. Al introducir publicidad de manera indiscriminada los usuarios terminarán desarrollando ceguera también al nuevo formato de publicidad, que aún conteniendo un número mínimo de claves visuales, tendrá las suficientes para que a medio plazo los usuarios terminen ignorándola. Es responsabilidad de todos los sitios que esta estrategia se utilice con estas recomendaciones, puesto que si un sector suficientemente grande de sitios comienza a utilizarla indiscriminadamente, ello generará aprendizaje en los usuarios y terminará afectando a los sitios que solo ofrecen publicidad de forma honesta. El abuso en esta nueva estrategia de publicidad sería como matar la gallina de los huevos de oro y sería dar un paso hacia adelante y dos hacía atrás. Google ha comprendido esta estrategia parcialmente en la parte del formato y relación con los objetivos del usuario, pero no en la del abuso, para muestra un botón.

Otros argumentos
Es posible afirmar que todo lo anterior es pura teoría, pero que muchos de los estudios realizados hablan de la efectividad de los banners. Contra esto se pueden argumentar dos razones:

1- Los estudios sobre la efectividad de los banners deberían tener en cuenta como variable independiente el tiempo de experiencia de los usuarios en Internet. Hasta ahora poco estudios han tenido en cuenta esta variable. La mayoría de estudios intentan analizar la efectividad de los banners sin hacer referencia al tiempo de experiencia usando Internet de los usuarios. Sin embargo ésta es la variable principal en el desarrollo de la ceguera a los banners. Si no se considera esta variable el estudio carece de validez puesto que no sabremos si los usuarios prestan atención a los banners porque son noveles o no.
2- Los banners son la fuente de ingresos principal de muchos sitios web y lo que da trabajo a mucha gente, casualmente los mismos que se reconvierten a especialistas en usabilidad y realizan estos estudios. Sería la primera vez que alguien tirase piedras sobre su propio tejado.


Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
sorin
Mensajes: 442
Reputación: 6
Mensaje Nº 17 | 3:48 PM
El banner aun tiene su influiencia en los usuarios pero muchas veses es tan molesto que se utiliza programas que solo te muestra la pagina sin publicidad. Aun asi hay algunos trucos de como evitar que estos programas intrprete los banner como publicidad.

Yo uno si quero leer a alguien que tiene demasida publicidad en su pagina lo leeo desde reader pero si no tiene demasida publicidad prefiero leer desde la pagina original del texto y comentarlo tanto si me gusta como si no.


GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 18 | 5:26 PM
Banner Rotatorio

En primer lugar tendremos diseñadas las imágenes que constituirán las fases del Banner Rotatorio. Es imprescindible que ambas tengan el mismo nombre, diferenciándose sólo en la última letra, que será el número de orden en la secuencia:

Quote
showbanner1.gif
showbanner1.gif
showbanner1.gif

Definimos un array de imágenes:

Quote
Banner_imganz=3;
var Banner_sctr=0;
var Banner_halt=0;
var Banner_rand=1;
var Banner_timeout=2000;
var Banner_isn=new Array();

if (document.images) {
for (i=0;i<Banner_imganz;i++) Banner_isn[i]=new Image();

Banner_isn[0].src="images/showbanner1.gif";
Banner_isn[1].src="images/showbanner2.gif";
Banner_isn[2].src="images/showbanner3.gif";
}
else {
Banner_isn[0]="images/showbanner1.gif";
Banner_isn[1]="images/showbanner2.gif";
Banner_isn[2]="images/showbanner3.gif";
}
var Banner_durl=new Array();
Banner_durl[0]="rec_si.htm";
Banner_durl[1]="rec_no.htm";
Banner_durl[2]="rec_access.htm";

Y la siguiente función javascript que gestionará la secuenciación de las imágenes del array:

Quote
function Banner_rotate(){
if (Banner_halt!=1){
if (Banner_rand==0) {Banner_sctr++;}
else {Banner_sctr=Math.floor(Math.random()*Banner_imganz);}
if (Banner_sctr>Banner_imganz-1) Banner_sctr=0;
if (document.images) {
document.Banner.src=Banner_isn[Banner_sctr].src;
} else {
document.Banner.src=Banner_isn[Banner_sctr];
}
setTimeout("Banner_rotate()",Banner_timeout);
}
}

function Banner_link(){
Banner_halt=1;
if (Banner_durl[Banner_sctr].length!=0) location.href=Banner_durl[Banner_sctr];
}
function Banner_status(){ parent.window.status=Banner_durl[Banner_sctr];}


Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
ChivoDX
Mensajes: 3
Reputación: 0
Mensaje Nº 19 | 5:10 AM
tengp una duda muy importante, hice un baner flash y lo inclui en el rotador de baner pero cuando entro en la pg no veo el baner por ninguna parte, me di cuenta que en la categoria del baner hay un link que dice recibir codigo, mi pregunta es.
Para que sirve estecodigo y si es necesario donde tengo que ponerlo?

grasias espero que me respondas lo mas pronto posible porque nesecito ese baner, ademas pase mucho tiemp haciendo esa animacion flash para que ahora venga y no funcione.
Grax!.

GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 20 | 12:47 PM
El código obtenido en el rotador de banners lo debes poner en la plantilla donde sea necesario, o sea, donde quieras a que se exponga tu banner.
También te aconsejo a que leas atentamente este tema desde el inicio.
Saludos, tigre!

Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
ChivoDX
Mensajes: 3
Reputación: 0
Mensaje Nº 21 | 3:53 PM
ok grasias pero, en que parte de la plantilla debo pegar el codigo, esdecir yo no se mucho de html si tedas cuenta me puedes explicar en que parte del codigo de la plantilla debo pegar el codigo del rotador de banners?

ah y otra peguntita eres Dominicano?

GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 22 | 5:48 PM
Para poderte ayudar, déjame saber en qué parte quieres exponer el banner: en la página de inicio, en un módulo...
¿Se expondrá sólo en una página o en varias...?
¿Se expondrá en la parte derecha/izquierda/superior/inferior... Ves cuántas cosas necesitamos para poderte decir algo?

Code
ah y otra peguntita eres Dominicano?

No, no soy dominicano smile smile smile , soy ucraniano biggrin biggrin biggrin
¿Lo preguntas por "tigre"?


Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
ChivoDX
Mensajes: 3
Reputación: 0
Mensaje Nº 23 | 3:54 AM
grax men de verdad no se que haria sin ti.
Bueno me gustaria que este en la pg de inicio y en el modulo blog ademas que se coloque en la parte inferior derecha y si es posible muestrame como hacerlo de la manera mas didactica posible asi no tendre que molestar cadaves que dese usar esta herramienta DX

y lo de Dominicano es por por algunas expresiones que he leydo en este post inclullendo lo de tigre y lo de GUARAGUAO.

GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 24 | 1:32 PM
Hacer Banners con Photoshop en movimiento

En este post vamos a aprender como hacer firmas para alojar en nuestras webs, foros… pero en movimiento y usando Photoshop e ImageReady

1º Paso:
Abrimos el Photoshop, y creamos un nuevo documento de 480x107 px, color RGB y fondo blanco. Una vez abierto el documento creamos nuestro fondo de firma pero sin texto, en nuestro caso hemos elegido este fondo degradado:

2º Paso:
Colocamos el texto (sin efectos) encima de nuestro fondo. Para que resalte, acordaos de escoger un color frontal que llame la atención. Debe de quedar algo parecido a esto:

3º Paso:
Es hora de empezar a trabajar de verdad, una vez tenemos nuestra firma con nuestro fondo sin efectos, abriremos ImageReady, para abrir este programa, deberemos tener abierto nuestra firma en Photoshop, iremos a archivo y clikaremos sobre Editar en ImageReady, o usaremos el atajo de teclado Shft+Crtl+M. Una vez pinchado se nos abrirá la siguiente imagen, si no nos aparece la ventana que se encuentra en la parte inferior de nuestra imagen deberemos pinchar sobre Ventana > Animación

Una vez abierta la ventana de animación haremos clik sobre la acción “duplicar el cuadro actual” (esta circulado en nuestro ejemplo), una vez dado se nos multiplicará el layer que tenemos en la pantalla. Una vez duplicada la imagen nos mantendremos encima del segundo layer, nos tiene que salir algo así.

4º Paso:
Una vez duplicada la capa, nos dirigiremos de nuevo a Photoshop, para ello iremos a Archivo > Editar en Photoshop, o usaremos Ctrl+Mayús+M. Acordaos de no cerrar ImageReady. Ya en Photoshop, daremos los efectos que queramos a nuestro texto y/o imágenes, para ello iremos a Capa > Estilo de Capa > Estilos de Fusión, este paso lo haremos situándonos en la capa que queramos añadir el efecto, nosotros hemos escogido dar efecto al texto y a la bombilla.

Podéis jugar con todos los valores que deseéis, en mi caso he usado estos valores, y el resultado es el siguiente:

5º Paso:
Una vez terminado los efectos que hemos elegido, volvemos a ImageReady; acordaos, archivo y clikaremos sobre Editar en ImageReady, o usaremos el atajo de teclado Shft+Crtl+M. Con la firma en ImageReady, clikaremos sobre la opción Intercalar (se encuentra rodeada en rojo en nuestro ejemplo), una vez dado, nos saldrá una nueva ventana, y le daremos a OK.

Una vez aceptada la ventana, nos aparecerán 7 capas nuevas en la ventana de animación; ahora deberemos de añadir una 8 imagen, acordaros, daremos a duplicar imagen, así ya tendremos las capas necesarias.

6º Paso:

Nos colocaremos en la capa 8 y de nuevo enviaremos la imagen a Photoshop, acordaos Ctrl+Mayús+M. Una vez en Рhotoshop, pincharemos sobre la capa que tenemos puesto los efectos, para verlos daremos sobre la flechita (circulada en rojo) y desactivaremos todos los efectos, para ello pincharemos sobre el ojo (circulado en amarillo) que aparece el primero, así conseguimos desactivar todos los efectos.

7º Paso:

Ya hemos desactivado todos los efectos, pues ahora volveremos a ImageReady. Como podemos ver, en la capa 8 ya no aparecen los efectos que tenia nuestra imagen, el siguiente paso es volver a darle a Intercalar, y en la ventana le daremos a OK, de esta manera hemos conseguido que en vez de 8 capas tengamos 13.

8º Paso:
Ya estamos a punto de terminar, el siguiente paso, es darle a reproducir > play, ya podemos ver como quedará nuestra firma, para pararla daremos a stop, el cuadradito que ha aparecido en vez del play. Buenos pues ya es hora de guardarlo, para utilizarlo en formato web desde aquí te aconsejamos que lo guardes en formato gif. Para ello vete a archivo > guardar optimizada como > y ya te sale el formato gif.

Aquí os dejo nuestra firma final, un saludo


Click on the image to view it in full size.


Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 25 | 5:52 PM
Cerrar Banner en flash sobre contenido html

Muchas veces podemos observar en ciertas páginas web que tienen banner que flotan sobre sus contenidos y los mismo son en Flash, a estos también se les suma la posibilidad de cerrarlo y de esta manera poder volver a ver el contenido del sitio que el banner tapaba. Estos banner son muy prácticos si queremos destacar alguna promoción o producto importante ya que a tapar parte del contenido del sitio el usuario se ve obligado a verlo o a lo sumo chiclear para cerrarlo. La otra ventaja que tiene es que no es un popup por lo tanto los navegadores no pueden bloquearlo así que doblemente nos aseguramos que lo verán.

Para realizar dichos banner simplemente vamos a necesitar una "div" en nuestro html, un poquito de JavaScript, CSS y nuestra película en Flash.

Ante que todo vamos a preparar nuestro banner en flash, para ello vamos a crear una película cualquiera del tamaño que sea necesario y con las animaciones que sean también necesarias. A esta película le vamos a colocar un botón "Cerrar" que será el encargado de cerrar nuestro banner.
Como siempre en nuestra línea de tiempo principal y primer frame vamos a colocar el siguiente código de AS:

Actionscript:

Quote
//Importamos la clase que nos permitirá
//llamar el java de nuestro html
import flash.external.*;
//Creamos la acción de nuestro botón cerrar
boton_btn.onRelease = function() {
//para ejecutar el java usamos el metodo "call"
//que esta compuesto por el nombre de la función "OcultarDiv" y el parametro "midiv"
//en este caso como parametro, el nombre de id de la div a ocultar
ExternalInterface.call("OcultarDiv","midiv");
};

Como ven ya tenemos nuestro flash listo y esperando encontrar en nuestro html una div y una función JavaScript, ahora el siguiente paso es abrir nuestro html con algún editor como DW y vamos a colocar entre las etiquetas head el script que sera el encargado de ocultar la div que contiene el banner en flash.

JAVA:

Quote
<script type="text/javascript">
// definiciones basicas
OCULTO="none";
VISIBLE="block";
function mostrar(blo) {
document.getElementById(blo).style.display=VISIBLE;
}
function ocultar(blo) {
document.getElementById(blo).style.display=OCULTO;
}
</script>
<script>
function OcultarDiv(name) {
ocultar(name)
}
</script>

El paso final seria poner una div (CONTENEDORA) entre las etiquetas del swf de nuestro banner. Por las dudas les dejo un ejemplo como seria en los archivos a descargar.

IMPORTANTE:
Lo más importante para que este ejemplo funcione es que no se olvide de colocarle un nombre de id a la div en este caso particular le he llamado "midiv". Otra cosa importante es que prueben donde es lo más aconsejable que coloquen la div, en este caso la pusimos arriba sobre todas las restantes etiquetas por la razón que queremos que flote sobre el contenido de nuestro html. Hasta aquí van a ver que ya funciona a la perfección pero surge un problema, el banner no queda sobre los contenidos html!!! Bueno no desespere, ahora nos hacemos de la ayuda de algo de CSS para solucionar dicho problema.

CSS:

Quote
#midiv{
width:300px;//ancho del swf
border:#CCCCCC solid 2px;//un borde si queremos
z-index:10000;//orden de apilamiento
position:absolute;//posicion con respecto al body, con las propiedades top y left pueden desplazar el banner si lo desean
}

Ok felicitaciones ya tenemos nuestro banner con botón ocultar dentro de una div flotando sobre el contenido ante cualquier duda descarguen los archivos de ejemplo y podrán ver cómo funcionan la unión de flash, javascript y css!!


Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 26 | 2:43 PM
Banner animado personalizado con jQuery

Custom Animation Banner with jQuery, es una maravillosa idea para crear banner animados, personalizados con jQuery. La idea es contar con elementos diferentes, que irán apareciendo paso a paso o en una secuencia determinada, dependiendo de nuestra personalización. Se ha utilizado jQuery Easing Plugin y jQuery 2D Transform Plugin para crear esta ingeniosa animación, muy similar a otras realizadas en flash.

Resultado: Demo - Descarga Ficheros Animation Banner

HTML:

Quote
<div id="ca_banner1" class="ca_banner ca_banner1">
<div class="ca_slide ca_bg1">
<div class="ca_zone ca_zone1"><!--Product-->
<div class="ca_wrap ca_wrap1">
<img src="images/product1.png" class="ca_shown" alt=""/>
<img src="images/product2.png" alt="" style="display:none;"/>
<img src="images/product3.png" alt="" style="display:none;"/>
<img src="images/product4.png" alt="" style="display:none;"/>
<img src="images/product5.png" alt="" style="display:none;"/>
</div>
</div>
<div class="ca_zone ca_zone2"><!--Line-->
<div class="ca_wrap ca_wrap2">
<img src="images/line1.png" class="ca_shown" alt=""/>
<img src="images/line2.png" alt="" style="display:none;"/>
</div>
</div>
<div class="ca_zone ca_zone3"><!--Title-->
<div class="ca_wrap ca_wrap3">
<img src="images/title1.png" class="ca_shown" alt="" />
<img src="images/title2.png" alt="" style="display:none;"/>
<img src="images/title3.png" alt="" style="display:none;"/>
</div>
</div>
</div>
</div>

CSS:

Quote
.ca_banner{
position:relative;
overflow:hidden;
background:#f0f0f0;
padding:10px;
border:1px solid #fff;
-moz-box-shadow:0px 0px 2px #aaa inset;
}
.ca_slide{
width:100%;
height:100%;
position:relative;
overflow:hidden;
}
.ca_zone{
position:absolute;
width:100%;
}
.ca_wrap{
position:relative;
display:table-cell;
vertical-align:middle;
text-align:center;
}
.ca_wrap img.ca_shown{
display:inline !important;
}
/* Custom styles of banner1 */
.ca_banner1{
width:650px;
height:300px;
}
.ca_bg1{
background:#fff url(../images/bg.jpg) no-repeat top left;
}
.ca_banner1 .ca_zone1{
top:0px;
left:0px;
}
.ca_banner1 .ca_wrap1{
width:320px;
height:300px;
}
.ca_banner1 .ca_zone2{
top:100px;
left:240px;
}
.ca_banner1 .ca_wrap2{
width:387px;
height:203px;
}
.ca_banner1 .ca_zone3{
top:32px;
left:250px;
}
.ca_banner1 .ca_wrap3{
width:378px;
height:31px;
}
/*Custom Style for Second Banner*/
.ca_banner2{
width:120px;
height:600px;
}
.ca_bg2{
background:#fff url(../images/bgSmall.jpg) no-repeat top left;
}
.ca_banner2 .ca_zone1{
top:10px;
left:0px;
}
.ca_banner2 .ca_wrap1, /*They are the same size*/
.ca_banner2 .ca_wrap2{
width:120px;
height:220px;
}
.ca_banner2 .ca_zone2{
top:250px;
left:0px;
}

JavaScript:

Quote
$('#ca_banner1').banner({
steps : [
[
//1 step:
[{"to" : "2"}, {"effect": "zoomOutRotated-zoomInRotated"}],
[{"to" : "1"}, {}],
[{"to" : "2"}, {"effect": "slideOutRight-slideInRight"}]
],
[
//2 step:
[{"to" : "3"}, {"effect":"slideOutTop-slideInTop"}],
[{"to" : "1"}, {}],
[{"to" : "2"}, {}]
],
[
//3 step:
[{"to" : "4"}, {"effect": "zoomOut-zoomIn"}],
[{"to" : "2"}, {"effect": "slideOutRight-slideInRight"}],
[{"to" : "2"}, {}]
],
[
//4 step
[{"to" : "5"}, {"effect": "slideOutBottom-slideInTop"}],
[{"to" : "2"}, {}],
[{"to" : "3"}, {"effect": "zoomOut-zoomIn"}]
],
[
//5 step
[{"to" : "1"}, {"effect": "slideOutLeft-slideInLeft"}],
[{"to" : "1"}, {"effect": "zoomOut-zoomIn"}],
[{"to" : "1"}, {"effect": "slideOutRight-slideInRight"}]
]
],
total_steps : 5,
speed : 3000
});


Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
Mausi346396
Mensajes: 113
Reputación: 4
Mensaje Nº 27 | 5:30 AM
Oye capos!!
puse un banner ajajajaja pero no se ve en la pagina jejejejjeje.
en fin, como me pueden ayudar???
ortiznicolas00
Mensajes: 1
Reputación: 0
Mensaje Nº 28 | 10:36 PM
Hola!! soy nuevo el la comunidad me podrían decir como descargar el script rotador de banner por favor
Foro uCoz » Servicios Adicionales » Cuestiones generales » Rotador de banners
  • Página 2 de 2
  • «
  • 1
  • 2
Búscar: