Ver Mensaje Individual
  #12 (permalink)  
Antiguo 29/04/2010, 10:24
AndresMtti
 
Fecha de Ingreso: agosto-2003
Mensajes: 9
Antigüedad: 21 años, 3 meses
Puntos: 0
Respuesta: plugin jquery no funciona en IE7

Muchas gracias Cherivera! Funciona de maravilla.

http://www.ferremundo.com.ar/marcas.php

Comparto el efecto que dicho sea de paso, modestamente me salió espectacular.

Código Javascript:
Ver original
  1. jQuery.fn.aparece = function(vel,dur) {
  2.     this.each(function(i){
  3.         var $this = jQuery(this); //Convertimos a jQuery
  4.         $this.hide();
  5.         var margin = $this.width()/2; //92
  6.         var width  = $this.width(); //184
  7.         var height = $this.height(); //184
  8.         j = (i+1)*vel;
  9.         setTimeout(function(){
  10.             $this.stop().css({width:'0px', height:''+height+'px', marginLeft:''+margin+'px', opacity:'0.5'});
  11.             $this.stop().animate({width:''+width+'px', height:''+height+'px', marginLeft:'0px', opacity:'1'},{duration:dur});
  12.         },j);
  13.     });
  14. }
  15.  
  16.  
  17. $(document).ready(function(){
  18.         $("img.loslog").aparece(100,300); // velocidad, duracion
  19. });

Código CSS:
Ver original
  1. .loslog{Z-INDEX: 3; POSITION: absolute; border: solid 1px #cccccc; display:none }
  2. #marcas ul{list-style:none; margin:0; padding:0; }
  3. #marcas li{ height:60px; width:152px; margin: 0px 14px 28px 14px;  padding:0; float:left; }

Código HTML:
Ver original
  1. <img class="loslog" src="marcas/osram.gif" >