Ver Mensaje Individual
  #3 (permalink)  
Antiguo 29/08/2010, 14:08
MadDunDee
 
Fecha de Ingreso: octubre-2006
Mensajes: 199
Antigüedad: 18 años, 3 meses
Puntos: 3
Respuesta: jQuery vs IE7

Hola!! ya he descubierto dónde está el error, pero no sé muy bien cómo solucionarlo. A ver si me podéis ayudar!!

Este es mi código en custom.js

Código PHP:
$(document).ready(function() {  

//////////////////////////TABED LISTS/////////////////////
$("a.tab-thread").click(function () {
    
                $(
"div#wdgt-thread .active").removeClass("active");
                $(
this).addClass("active");
    
                $(
"div#wdgt-thread div.tab-content").slideUp();
    
                var 
content_show = $(this).attr("title");
                $(
"#"+content_show).slideDown();
                return 
false;
    
            });
            $(
"a.tab-media").click(function () {
    
                $(
"div#wdgt-media .active").removeClass("active");
    
                $(
this).addClass("active");
    
                $(
"div#wdgt-media div.tab-content").slideUp();
    
                var 
content_show = $(this).attr("title");
                $(
"#"+content_show).slideDown();
                return 
false;
    
            });


//////////////////////////HOVER EFFECTS IN PORTFOLIO/////////////////////
$('.works-filters li a').click(function() {
      $(
this).parents('ul').find('.active').removeClass('active');
      $(
this).parent().addClass('active');
      });
    
    
//settings for ZOOM&FADE IN SHOWCASE/WORKS/DISCOGRAPHY SECTION 
    
    
var move = -15;  
      
    var 
zoom 1.2;  
  
    $(
'.hover-fx-fade').hover(function() {  
          
        
width = $('.hover-fx-fade').width() * zoom;  
        
height = $('.hover-fx-fade').height() * zoom;  
          
        $(
this).find('img').stop(false,true).animate({'width':width'height':height'top':move'left':move}, {duration:200});  
          
        $(
this).find('div.fx-fade').stop(false,true).fadeIn(200);  
    },  
    function() {  
        $(
this).find('img').stop(false,true).animate({'width':$('.fx-fade').width(), 'height':$('.fx-fade').height(), 'top':'0''left':'0'}, {duration:100});      
  
        $(
this).find('div.fx-fade').stop(false,true).fadeOut(400);  
    }); 

    $(
'.hover-fx-media-fade').hover(function() {   
          
        $(
this).find('div.fx-media-fade').stop(false,true).fadeIn(200);
        $(
this).find('span.ico-media').stop(false,true).fadeTo("fast",1).css("visibility","visible").fadeIn(400); 
    },  
    function() {        
        $(
this).find('div.fx-media-fade').stop(false,true).fadeOut(400);
        $(
this).find('span.ico-media').fadeTo("middle",0)  
    }); 


    
//Settings for HOVER STRIPE EFECT IN SHOWCASE/WORKS/DISCOGRAPHY SECTION  
    
var style_in 'easeOutBounce';  
    var 
style_out 'jswing';  
    var 
speed_in 800;  
    var 
speed_out 300;      
  
    var 
top = $('.hover-fx-stripes').height() * (-1);   
    var 
bottom = $('.hover-fx-stripes').height();   
  
    $(
'.hover-fx-stripes').each(function () {  
  
        
url = $(this).find('a').attr('href');  
        
img = $(this).find('img').attr('src');  
        
alt = $(this).find('img').attr('alt');  
        
width = $(this).width() / 4;   
        
height = $(this).height();   
          
        $(
'img'this).remove();  
        $(
this).append('<div class="bar1"></div><div class="bar2"></div><div class="bar3"></div><div class="bar4"></div>');  
          
        $(
this).children('div').css('background-image','url('img ')');  
  
        $(
this).find('div.bar1').css({top:0left:0width:widthheight:heightbackgroundPosition:'0 0' });     
        $(
this).find('div.bar2').css({top:0left:widthwidth:widthheight:heightbackgroundPosition:(width*-1) + 'px 0' });   
        $(
this).find('div.bar3').css({bottom:0left:width*2width:widthheight:heightbackgroundPosition:(width*-2) + 'px 0' });      
        $(
this).find('div.bar4').css({bottom:0left:width*3width:width height:heightbackgroundPosition:(width*-3) + 'px 0' });  
  
    }).
hover(function () {  
          
        $(
this).find('div.bar1').stop(falsetrue).animate({top:top}, {duration:speed_outeasing:style_out});    
        $(
this).find('div.bar2').stop(falsetrue).animate({top:bottom}, {duration:speed_outeasing:style_out});     
        $(
this).find('div.bar3').stop(falsetrue).animate({top:top}, {duration:speed_outeasing:style_out});    
        $(
this).find('div.bar4').stop(falsetrue).animate({top:bottom}, {duration:speed_outeasing:style_out});
        $(
this).find('div.fx-stripes').css("background""#33b7fb");     
                  
    },  
      
    function () {  
  
        $(
this).find('div.bar1').stop(falsetrue).animate({top:0}, {duration:speed_ineasing:style_in});    
        $(
this).find('div.bar2').stop(falsetrue).animate({top:0}, {duration:speed_ineasing:style_in});    
        $(
this).find('div.bar3').stop(falsetrue).animate({top:0}, {duration:speed_ineasing:style_in});    
        $(
this).find('div.bar4').stop(falsetrue).animate({top:0}, {duration:speed_ineasing:style_in});    
      
    }).
click (function () {  
          
        
window.location = $(this).find('a').attr('href');     
    });
    
    
    
//Settings for SLIDE WINDOW EFECT IN SHOWCASE/WORKS/DISCOGRAPHY SECTION
    
    
$('.hover-fx-slide').hover(  
    function () {  
  
        
value = $(this).find('img').outerHeight() * -1;  
          
        $(
this).find('img').stop().animate({topvalue} ,{duration:200easing'linear'});     
          
    },  
    function () {  
          
        $(
this).find('img').stop().animate({top:0} ,{duration:300easing'linear'});      
      
    });  
    
    
    
//Settings for PARTIAL EFECT IN SHOWCASE/WORKS/DISCOGRAPHY SECTION
                
$('.hover-fx-partial').hover(function(){
                    $(
".fx-partial"this).stop().animate({top:'160px'},{queue:false,duration:160});
                }, function() {
                    $(
".fx-partial"this).stop().animate({top:'260px'},{queue:false,duration:160});
                });
    
    
    $(
".launcher").hover(function(){
        $(
this).find('li.fade').fadeTo("slow"1.0).css('visibility','visible');
    
    },function(){
    
        $(
this).find('li.fade').fadeTo("fast"0).css('visibility','hidden');
    });
    
    
//////////////////////////SLIDER FOR WORKS AND DISCOGRAPHY WIDGET/////////////////////

    
var speed 10000;  
    var 
run setInterval('rotate()'speed);     
      
    var 
item_width = $('#slides li').outerWidth();   
    var 
left_value item_width * (-1);   
          
    $(
'#slides li:first').before($('#slides li:last'));  
      
    $(
'#slides ul').css({'left' left_value});  
  
    $(
'#prev').click(function() {  
  
        var 
left_indent parseInt($('#slides ul').css('left')) + item_width;  
  
        $(
'#slides ul').animate({'left' left_indent}, 500'backinout',function(){      
  
            $(
'#slides li:first').before($('#slides li:last'));             
  
            $(
'#slides ul').css({'left' left_value});  
          
        });  
  
        return 
false;  
              
    });  
  
   
    $(
'#next').click(function() {  
          
        var 
left_indent parseInt($('#slides ul').css('left')) - item_width;  
          
        $(
'#slides ul').animate({'left' left_indent}, 500'backinout', function () {  
              
            $(
'#slides li:last').after($('#slides li:first'));                    
              
            $(
'#slides ul').css({'left' left_value});  
          
        });  
                   
        return 
false;  
          
    });          
      
    $(
'#slides').hover(  
          
        function() {  
            
clearInterval(run);  
        },   
        function() {  
            
run setInterval('rotate()'speed);     
        }  
        
    );
    
    $(
'#wdgt-discography span a').hover(  
          
        function() {  
            
clearInterval(run);  
        },   
        function() {  
            
run setInterval('rotate()'speed);     
        }  
        
    );   
          
});  
  
function 
rotate() {  
    $(
'#next').click();  
}


/////////////SET SLIDE PORTFOLIO///////////
$(function() {
        $(
'.slides').bxSlider({
        
prev_image'images/skins/skin1/arrow-prev-big-slider.png',
        
next_image'images/skins/skin1/arrow-next-big-slider.png',
        
wrapper_class'big-slider',
        
margin1000,
    });
}); 
Como podéis ver las últimas lineas hacen referencia a un plugin que se llama bxSlider, pues bien, resulta que si lo paso de esa forma o de la siguiente:

Código PHP:
        $('.slides').bxSlider({
        
prev_image'images/skins/skin1/arrow-prev-big-slider.png',
        
next_image'images/skins/skin1/arrow-next-big-slider.png',
        
wrapper_class'big-slider',
        
margin1000,
    }); 
IE7 no lo interpreta y por consiguiente me sale todo desmaquetado. He probado lanzarlo desde otro js externo, pero tampoco funciona. Incluso esperando a que cargue el DOM.

Embebido directamente en el doc de HTML me pasa lo mismo. Espero que se deba a una escritura o sintaxis incorrecta del script, pq de verdad, he probado de todo!

Espero q me podáis ayudar, pero en cualquier caso, MUCHAS GRACIAS por vuestra ayuda!!