Comunidad de diseño web y desarrollo en internet online

Jquery no funciona en hosting de GoDaddy

Citar            
MensajeEscrito el 17 Nov 2010 12:41 pm
Hola foreros,

utilicé una plantilla (http://tympanus.net/Tutorials/BeautifulBackgroundImageNavigation/) para mi propia pagina web en un dominio y hosting que contraté con GoDaddy, verifiqué totalmente que buscara el api de jquery en google apis, en mi propio servidor o desde la misma web de jquery y en todos los casos la pagina funciona bien cuando abro el html localmente, pero cuando subo el html al servidor y abro la pagina web desde la red parece como si no leyera el api de jquery y no funciona ninguna de las animaciones ni efectos de jquery, y no importa todos los cambios que he hecho no he logrado hacerlo funcionar.

agradezco toda la ayuda que me puedan prestar

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

msie8
Citar            
MensajeEscrito el 17 Nov 2010 12:44 pm

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

msie8
Citar            
MensajeEscrito el 17 Nov 2010 02:26 pm
probemos primero lo siguiente y solo para ordenar el código

pon los script en el head no en el body, ademas la programación de tu menu colocala en un archivo js ahora eneste archivo tendras que usar $(document).ready para cuando cargue tu pagina
menu.js:

Código Javascript :


$(document).ready(
    function (){
        
         /* position of the <li> that is currently shown */
         var current = 0;
         
         var loaded  = 0;
         for(var i = 1; i <4; ++i)
            $('<img />').load(function(){
               ++loaded;
               if(loaded == 3){
                  $('#bg1,#bg2,#bg3').mouseover(function(e){
                     
                     var $this = $(this);
                     /* if we hover the current one, then don't do anything */
                     if($this.parent().index() == current)
                        return;

                     /* item is bg1 or bg2 or bg3, depending where we are hovering */
                     var item = e.target.id;

                     /*
                     this is the sub menu overlay. Let's hide the current one
                     if we hover the first <li> or if we come from the last one,
                     then the overlay should move left -> right,
                     otherwise right->left
                      */
                     if(item == 'bg1' || current == 2)
                        $('#menu .sub'+parseInt(current+1)).stop().animate({backgroundPosition:"(-266px 0)"},300,function(){
                           $(this).find('li').hide();
                        });
                     else
                        $('#menu .sub'+parseInt(current+1)).stop().animate({backgroundPosition:"(266px 0)"},300,function(){
                           $(this).find('li').hide();
                        });

                     if(item == 'bg1' || current == 2){
                        /* if we hover the first <li> or if we come from the last one, then the images should move left -> right */
                        $('#menu > li').animate({backgroundPosition:"(-800px 0)"},0).removeClass('bg1 bg2 bg3').addClass(item);
                        move(1,item);
                     }
                     else{
                        /* if we hover the first <li> or if we come from the last one, then the images should move right -> left */
                        $('#menu > li').animate({backgroundPosition:"(800px 0)"},0).removeClass('bg1 bg2 bg3').addClass(item);
                        move(0,item);
                     }

                     /*
                     We want that if we go from the first one to the last one (without hovering the middle one),
                     or from the last one to the first one, the middle menu's overlay should also slide, either
                     from left to right or right to left.
                      */
                     if(current == 2 && item == 'bg1'){
                        $('#menu .sub'+parseInt(current)).stop().animate({backgroundPosition:"(-266px 0)"},300);
                     }
                     if(current == 0 && item == 'bg3'){
                        $('#menu .sub'+parseInt(current+2)).stop().animate({backgroundPosition:"(266px 0)"},300);
                     }

                     
                     /* change the current element */
                     current = $this.parent().index();
                     
                     /* let's make the overlay of the current one appear */
                     
                     $('#menu .sub'+parseInt(current+1)).stop().animate({backgroundPosition:"(0 0)"},300,function(){
                        $(this).find('li').fadeIn();
                     });
                  });
               }   
            }).attr('src', 'images/'+i+'.jpg');
         
                  
         /*
         dir:1 - move left->right
         dir:0 - move right->left
          */
         function move(dir,item){
             if(dir){
                 $('#bg1').parent().stop().animate({backgroundPosition:"(0 0)"},200);
                 $('#bg2').parent().stop().animate({backgroundPosition:"(-266px 0)"},300);
                 $('#bg3').parent().stop().animate({backgroundPosition:"(-532px 0)"},400,function(){
                     $('#menuWrapper').removeClass('bg1 bg2 bg3').addClass(item);
                 });
             }
             else{
                 $('#bg1').parent().stop().animate({backgroundPosition:"(0 0)"},400,function(){
                     $('#menuWrapper').removeClass('bg1 bg2 bg3').addClass(item);
                 });
                 $('#bg2').parent().stop().animate({backgroundPosition:"(-266px 0)"},300);
                 $('#bg3').parent().stop().animate({backgroundPosition:"(-532px 0)"},200);
             }
         }
});

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox
Citar            
MensajeEscrito el 18 Nov 2010 04:11 am
he completado lo que me sugeriste, y continúa de la misma forma, localmente funciona sin problemas, y cuadno lo pongo en el servidor no funciona el jquery, ¿podría ser que me falta hacer algo en el servicio de hosting?

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

firefox
Citar            
MensajeEscrito el 18 Nov 2010 12:41 pm
no existe esta imagen http://www.clubmyself.com.co/images/1.jpg tampoco la 2.jpg ni la 3.jpg
por cierto, instala el plugin para firefox llamado Firebug,te ayudara a resolver este tipo de problemas

me extraña esta linea:


Código Javascript :

$('<img />').load(function(){ 

eso no se hace asi, se hace tal cual como en css:

Código Javascript :

$('img').load(function(){ 


pero ¿por que cargas al principio y sin ningún evento algo con ajax?

ademas existen muchas etiquetas <img /> por tanto creo que en esa linea habria que decidir a donde cargar la galeria, la verdad lo veo demasiado complejo, evidentemente el codigo no es tuyo, quizas debieras hacer algo mas sencillo y programarlo tu basandote en jquery

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox
Citar            
MensajeEscrito el 29 Nov 2010 03:18 am
ya caí en cuenta, me demoré muchísimo pero la clave estaba en lo que me dijiste, no existian las imagenes 1.jpg ni las demás, el problema es que yo trabajo en windows donde no hay diferencia entre mayuculas y minusculas y mi servidor de host está en linux donde si hay diferencia entre 1.jpg y 1.JPG, ya con esto pude resolver el problema, muchísimas gracias!

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

firefox
Citar            
MensajeEscrito el 29 Nov 2010 04:04 am
me alegro de que te halla servido y que te esfuerces en resolver tus problemas

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox
Citar            
MensajeEscrito el 01 Jul 2017 08:46 pm

Por BandoSEO5.0

20 de clabLevel



Genero:Masculino  

Webmaster,Blogger

chrome

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.