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:0, left:0, width:width, height:height, backgroundPosition:'0 0' });
$(this).find('div.bar2').css({top:0, left:width, width:width, height:height, backgroundPosition:(width*-1) + 'px 0' });
$(this).find('div.bar3').css({bottom:0, left:width*2, width:width, height:height, backgroundPosition:(width*-2) + 'px 0' });
$(this).find('div.bar4').css({bottom:0, left:width*3, width:width , height:height, backgroundPosition:(width*-3) + 'px 0' });
}).hover(function () {
$(this).find('div.bar1').stop(false, true).animate({top:top}, {duration:speed_out, easing:style_out});
$(this).find('div.bar2').stop(false, true).animate({top:bottom}, {duration:speed_out, easing:style_out});
$(this).find('div.bar3').stop(false, true).animate({top:top}, {duration:speed_out, easing:style_out});
$(this).find('div.bar4').stop(false, true).animate({top:bottom}, {duration:speed_out, easing:style_out});
$(this).find('div.fx-stripes').css("background", "#33b7fb");
},
function () {
$(this).find('div.bar1').stop(false, true).animate({top:0}, {duration:speed_in, easing:style_in});
$(this).find('div.bar2').stop(false, true).animate({top:0}, {duration:speed_in, easing:style_in});
$(this).find('div.bar3').stop(false, true).animate({top:0}, {duration:speed_in, easing:style_in});
$(this).find('div.bar4').stop(false, true).animate({top:0}, {duration:speed_in, easing: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({top: value} ,{duration:200, easing: 'linear'});
},
function () {
$(this).find('img').stop().animate({top:0} ,{duration:300, easing: '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',
margin: 1000,
});
});
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',
margin: 1000,
});
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!!
