al subirla no funciona el script

[angazaor]

Hola a todos. Tengo un script que cambia las imagenes que funciona perfectamente en el HTML-KIT y al subirla al servidor (Sered) se ven las imagenes una encima de la otra. Alguien sabe por que? Gracias

Aqui pueden ver la web y su codigo fuente:

www.campiellos.es

[angazaor]

¿Nadie me puede dar su opinión?

[johnpeterjp]

Hola, tienes la librería pero falta la instrucción Javascript. El script que estas usando lo tienes? va a depender de como funciona no todos son iguales. Saludos.

[angazaor]

Perdona mi ignorancia johnpeterjp, pero todo eso me suena a chino. Es una plantilla modificada y el script está como venía. La instrucción Javascript tampoco la toqué, o eso creo. En el Html-Kit va de cine pero al subirla a la web ya ves lo que pasa. ¿Puede ser que el alojamiento gratuito de Sered no admita scripts? Gracias y un saludo

[skaparate]

Hola:

Revisé el código fuente y lo que pasó es que el servidor modificó el archivo jquery.custom.js. El servidor utiliza otro tipo de codificación de caracteres y por ende, cambia todos los que no logra interpretar por símbolos extraños.

¿Que panel de control utiliza el servidor? ¿CPanel?. Revisa el archivo jquery.custom.js y compáralo con el que tienes en tu pc.

Saludos.

[angazaor]

Hola skaparate, revisé el archivo en CPanel y tiene el mismo nombre que el de mi pc, no he visto nada raro. Gracias y saludos

[johnpeterjp]

Tiene razón skaparate, si abres el archivo jquery.custom.js que tienes en el servidor aparecen caracteres como los siguientes... Intenta resubiendo el archivo.

//Wave slider call ----------------------------------------------------਀樀儀甀攀爀礀⠀搀漀挀甀洀攀渀琀⤀⸀爀攀愀搀礀⠀昀甀渀挀琀椀漀渀⠀⤀ 笀�
	jQuery('.waveshow').nivoSlider({਀ऀऀ攀昀昀攀挀琀㨀✀猀氀椀挀攀䐀漀眀渀✀Ⰰ�
		slices:15,਀ऀऀ愀渀椀洀匀瀀攀攀搀㨀㄀　　　Ⰰ�
		pauseTime:5000,਀ऀऀ搀椀爀攀挀琀椀漀渀一愀瘀㨀琀爀甀攀Ⰰ ⼀⼀一攀砀琀 ☀ 倀爀攀瘀�
		directionNavHide:true, //Only show on hover਀ऀऀ挀漀渀琀爀漀氀一愀瘀㨀昀愀氀猀攀Ⰰ ⼀⼀㄀Ⰰ㈀Ⰰ㌀⸀⸀⸀�
		keyboardNav:true, //Use left & right arrows਀ऀऀ瀀愀甀猀攀伀渀䠀漀瘀攀爀㨀琀爀甀攀Ⰰ ⼀⼀匀琀漀瀀 愀渀椀洀愀琀椀漀渀 眀栀椀氀攀 栀漀瘀攀爀椀渀最�
		manualAdvance:false, //Force manual transitions਀ऀऀ挀愀瀀琀椀漀渀伀瀀愀挀椀琀礀㨀　⸀㠀Ⰰ ⼀⼀唀渀椀瘀攀爀猀愀氀 挀愀瀀琀椀漀渀 漀瀀愀挀椀琀礀�
		beforeChange: function(){},਀ऀऀ愀昀琀攀爀䌀栀愀渀最攀㨀 昀甀渀挀琀椀漀渀⠀⤀笀紀Ⰰ�
		slideshowEnd: function(){} //Triggers after all slides have been shown਀ऀ紀⤀㬀�
});਀�
਀�
//Wave slider function -------------------------------------------------------------਀�

[angazaor]

Ya lo he resubido el archivo y nada. Si lo abro solo veo: ÿþ/)a0

[johnpeterjp]

Aún está con todos esos caracteres en chino. Consulta al hosting si permite la ejecución de scripts. Saludos.

[skaparate]

Hasta donde sé, CPanel tiene un ítem llamado Administrador de Archivos, el cual permite la administración de los mismos a través de una interfaz. Busca este administrador, luego busca el archivo jquery.custom.js, haz clic derecho sobre él y luego haz clic sobre editar (te debería preguntar sobre la codificación de caracteres). Ahora simplemente deberías copiar el contenido del mismo archivo dentro de tu pc al archivo jquery.custom.js dentro del servidor y asegurarte que, una vez guardado, el contenido siga igual y sin caracteres extraños.

Avísanos como te va, saludos.

[angazaor]

Hola, he enviado un ticket de consulta al servidor y estoy esperando respuesta. Es el servicio gratuito de Sered, no se si vosotros sabeis si soporta scripts... Por otro lado he hecho lo que me dice skaparate y el resultado es éste:


ÿþ//Wave slider call ----------------------------------------------------
jQuery(document).ready(function() {
jQuery('.waveshow').nivoSlider({
effect:'sliceDown',
slices:15,
animSpeed:1000,
pauseTime:5000,
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:false, //1,2,3...
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){} //Triggers after all slides have been shown
});
});



//Wave slider function -------------------------------------------------------------

(function($) {

$.fn.nivoSlider = function(options) {

//Defaults are below
var settings = $.extend({}, $.fn.nivoSlider.defaults, options);

return this.each(function() {
//Useful variables. Play carefully.
var vars = {
currentSlide: 0,
currentImage: '',
totalSlides: 0,
randAnim: '',
running: false,
paused: false,
stop:false
};

//Get this slider
var slider = $(this);
slider.data('nivo:vars', vars);
slider.css('position','relative');
slider.width('1px');
slider.height('1px');
slider.addClass('nivoSlider');

//Find our slider children
var kids = slider.children();
kids.each(function() {
var child = $(this);
if(!child.is('img')){
if(child.is('a')){
child.addClass('nivo-imageLink');
}
child = child.find('img:first');
}
//Don't ask
var childWidth = child.width();
if(childWidth == 0) childWidth = child.attr('width');
var childHeight = child.height();
if(childHeight == 0) childHeight = child.attr('height');
//Resize the slider
if(childWidth > slider.width()){
slider.width(childWidth);
}
if(childHeight > slider.height()){
slider.height(childHeight);
}
child.css('display','none');
vars.totalSlides++;
});

//Get initial image
if($(kids[vars.currentSlide]).is('img')){
vars.currentImage = $(kids[vars.currentSlide]);
} else {
vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
}

//Show initial link
if($(kids[vars.currentSlide]).is('a')){
$(kids[vars.currentSlide]).css('display','block');
}

//Set first background
slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');

//Add initial slices
for(var i = 0; i < settings.slices; i++){
var sliceWidth = Math.round(slider.width()/settings.slices);
if(i == settings.slices-1){
slider.append(
$('<div class="nivo-slice"></div>').css({ left:(sliceWidth*i)+'px', width:(slider.width()-(sliceWidth*i))+'px' })
);
} else {
slider.append(
$('<div class="nivo-slice"></div>').css({ left:(sliceWidth*i)+'px', width:sliceWidth+'px' })
);
}
}

//Create caption
slider.append(
$('<div class="nivo-caption"><p></p></div>').css({ display:'none', opacity:settings.captionOpacity })
);
//Process initial caption
if(vars.currentImage.attr('title') != ''){
$('.nivo-caption p', slider).html(vars.currentImage.attr('title'));
$('.nivo-caption', slider).fadeIn(settings.animSpeed);
}

//In the words of Super Mario "let's a go!"
var timer = 0;
if(!settings.manualAdvance){
timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
}

//Add Direction nav
if(settings.directionNav){
slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a></div>');

//Hide Direction nav
if(settings.directionNavHide){
$('.nivo-directionNav', slider).hide();
slider.hover(function(){
$('.nivo-directionNav', slider).show();
}, function(){
$('.nivo-directionNav', slider).hide();
});
}

$('a.nivo-prevNav', slider).live('click', function(){
if(vars.running) return false;
clearInterval(timer);
timer = '';
vars.currentSlide-=2;
nivoRun(slider, kids, settings, 'prev');
});

$('a.nivo-nextNav', slider).live('click', function(){
if(vars.running) return false;
clearInterval(timer);
timer = '';
nivoRun(slider, kids, settings, 'next');
});
}

//Add Control nav
if(settings.controlNav){
var nivoControl = $('<div class="nivo-controlNav"></div>');
slider.append(nivoControl);
for(var i = 0; i < kids.length; i++){
nivoControl.append('<a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a>');
}
//Set initial active link
$('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active');

$('.nivo-controlNav a', slider).live('click', function(){
if(vars.running) return false;
if($(this).hasClass('active')) return false;
clearInterval(timer);
timer = '';
slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');
vars.currentSlide = $(this).attr('rel') - 1;
nivoRun(slider, kids, settings, 'control');
});
}

//Keyboard Navigation
if(settings.keyboardNav){
$(window).keypress(function(event){
//Left
if(event.keyCode == '37'){
if(vars.running) return false;
clearInterval(timer);
timer = '';
vars.currentSlide-=2;
nivoRun(slider, kids, settings, 'prev');
}
//Right
if(event.keyCode == '39'){
if(vars.running) return false;
clearInterval(timer);
timer = '';
nivoRun(slider, kids, settings, 'next');
}
});
}

//For pauseOnHover setting
if(settings.pauseOnHover){
slider.hover(function(){
vars.paused = true;
clearInterval(timer);
timer = '';
}, function(){
vars.paused = false;
//Restart the timer
if(timer == '' && !settings.manualAdvance){
timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
}
});
}

//Event when Animation finishes
slider.bind('nivo:animFinished', function(){
vars.running = false;
//Hide child links
$(kids).each(function(){
if($(this).is('a')){
$(this).css('display','none');
}
});
//Show current link
if($(kids[vars.currentSlide]).is('a')){
$(kids[vars.currentSlide]).css('display','block');
}
//Restart the timer
if(timer == '' && !vars.paused && !settings.manualAdvance){
timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
}
//Trigger the afterChange callback
settings.afterChange.call(this);
});
});

function nivoRun(slider, kids, settings, nudge){
//Get our vars
var vars = slider.data('nivo:vars');
if(vars.stop) return false;

//Trigger the beforeChange callback
settings.beforeChange.call(this);

//Set current background before change
if(!nudge){
slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');
} else {
if(nudge == 'prev'){
slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');
}
if(nudge == 'next'){
slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');
}
}
vars.currentSlide++;
if(vars.currentSlide == vars.totalSlides){
vars.currentSlide = 0;
//Trigger the slideshowEnd callback
settings.slideshowEnd.call(this);
}
if(vars.currentSlide < 0) vars.currentSlide = (vars.totalSlides - 1);
//Set vars.currentImage
if($(kids[vars.currentSlide]).is('img')){
vars.currentImage = $(kids[vars.currentSlide]);
} else {
vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
}

//Set acitve links
if(settings.controlNav){
$('.nivo-controlNav a', slider).removeClass('active');
$('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active');
}

//Process caption
if(vars.currentImage.attr('title') != ''){
if($('.nivo-caption', slider).css('display') == 'block'){
$('.nivo-caption p', slider).fadeOut(settings.animSpeed, function(){
$(this).html(vars.currentImage.attr('title'));
$(this).fadeIn(settings.animSpeed);
});
} else {
$('.nivo-caption p', slider).html(vars.currentImage.attr('title'));
}
$('.nivo-caption', slider).fadeIn(settings.animSpeed);
} else {
$('.nivo-caption', slider).fadeOut(settings.animSpeed);
}

//Set new slice backgrounds
var i = 0;
$('.nivo-slice', slider).each(function(){
var sliceWidth = Math.round(slider.width()/settings.slices);
$(this).css({ height:'0px', opacity:'0',
background: 'url('+ vars.currentImage.attr('src') +') no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%' });
i++;
});

if(settings.effect == 'random'){
var anims = new Array("sliceDownRight","sliceDownLeft","sliceUpRig ht","sliceUpLeft","sliceUpDown","sliceUpDownLeft", "fold","fade");
vars.randAnim = anims[Math.floor(Math.random()*(anims.length + 1))];
if(vars.randAnim == undefined) vars.randAnim = 'fade';
}

//Run effects
vars.running = true;
if(settings.effect == 'sliceDown' || settings.effect == 'sliceDownRight' || vars.randAnim == 'sliceDownRight' ||
settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft'){
var timeBuff = 0;
var i = 0;
var slices = $('.nivo-slice', slider);
if(settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft') slices = $('.nivo-slice', slider).reverse();
slices.each(function(){
var slice = $(this);
slice.css('top','0px');
if(i == settings.slices-1){
setTimeout(function(){
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
}, (100 + timeBuff));
} else {
setTimeout(function(){
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
}, (100 + timeBuff));
}
timeBuff += 50;
i++;
});
}
else if(settings.effect == 'sliceUp' || settings.effect == 'sliceUpRight' || vars.randAnim == 'sliceUpRight' ||
settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft'){
var timeBuff = 0;
var i = 0;
var slices = $('.nivo-slice', slider);
if(settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft') slices = $('.nivo-slice', slider).reverse();
slices.each(function(){
var slice = $(this);
slice.css('bottom','0px');
if(i == settings.slices-1){
setTimeout(function(){
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
}, (100 + timeBuff));
} else {
setTimeout(function(){
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
}, (100 + timeBuff));
}
timeBuff += 50;
i++;
});
}
else if(settings.effect == 'sliceUpDown' || settings.effect == 'sliceUpDownRight' || vars.randAnim == 'sliceUpDown' ||
settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft'){
var timeBuff = 0;
var i = 0;
var v = 0;
var slices = $('.nivo-slice', slider);
if(settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft') slices = $('.nivo-slice', slider).reverse();
slices.each(function(){
var slice = $(this);
if(i == 0){
slice.css('top','0px');
i++;
} else {
slice.css('bottom','0px');
i = 0;
}

if(v == settings.slices-1){
setTimeout(function(){
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
}, (100 + timeBuff));
} else {
setTimeout(function(){
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
}, (100 + timeBuff));
}
timeBuff += 50;
v++;
});
}
else if(settings.effect == 'fold' || vars.randAnim == 'fold'){
var timeBuff = 0;
var i = 0;
$('.nivo-slice', slider).each(function(){
var slice = $(this);
var origWidth = slice.width();
slice.css({ top:'0px', height:'100%', width:'0px' });
if(i == settings.slices-1){
setTimeout(function(){
slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
}, (100 + timeBuff));
} else {
setTimeout(function(){
slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed);
}, (100 + timeBuff));
}
timeBuff += 50;
i++;
});
}
else if(settings.effect == 'fade' || vars.randAnim == 'fade'){
var i = 0;
$('.nivo-slice', slider).each(function(){
$(this).css('height','100%');
if(i == settings.slices-1){
$(this).animate({ opacity:'1.0' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); });
} else {
$(this).animate({ opacity:'1.0' }, (settings.animSpeed*2));
}
i++;
});
}
}
};

//Default settings
$.fn.nivoSlider.defaults = {
effect:'random',
slices:15,
animSpeed:500,
pauseTime:3000,
directionNav:true,
directionNavHide:true,
controlNav:true,
keyboardNav:true,
pauseOnHover:true,
manualAdvance:false,
captionOpacity:0.8,
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){}
};

$.fn.reverse = [].reverse;

})(jQuery);


El cript sigue igual en internet. Saludos

[angazaor]

Hola de nuevo. Desde Sered me dicen que tendría que contratar un alojamiento web para utilizar las librerias GD. ¿? Estoy peor que al principio. Un saludo

[johnpeterjp]

Hola de nuevo. Desde Sered me dicen que tendría que contratar un alojamiento web para utilizar las librerias GD. ¿? Estoy peor que al principio. Un saludo

Yo creo que estás mejor, ahora ya sabes que está pasando y el camino a tomar. Tienes 2 opciones, claramente la primera es cambiar de host a uno de pago y la segunda es optar por otro host gratis pero operativo para lo que necesitas.

Saludos.

[angazaor]

Gracias a todos. De momento quitaré el script e iré mirando algo por ahí, creo que la mejor opción siempre será la de pago. Gracias de nuevo y un saludo, seguiré dandoos guerra.
PD ¿Algún consejo de alojamiento gratis que incluya estas librerias GD?