no lee javascript, ni poniendo lo abajo, porque??porque se ponen antes </body>

[gachon]

hola muy buenas,
Estoy intentando resolver, porque algunas funciones de javascript relacionadas con jquery, no la interpretan poniendolo en el head,,, he visto en un ejemplo de web que tengo que esta puesto antes del final de la etiqueta del </body> y lo he intentado cambiar al head y no funciona,,,, y ahora para colmo estoy intentando poner un slider jquery de imagenes, y no me funciona tanto en el head como abajo,,,
me podrian explicar el porque,de porque se ponen los archivos javascript antes del </body> y como se puede arreglar.
muchas gracias y espero vuestra ayuda

[David]

Probablemente, porque en el código accedes elementos del DOM que todavía no existen. Puedes usar el evento ready para lo que necesitas (ya que estás usando jQuery)

[gachon]

muchas gracias por la constestacion estoy intentando hacerlo con el ready y no me funciona,,,
he hecho unas cuantas comprobaciones y me dado cuenta que quitando el codigo que voy a poner me funciona el slider, el problema esta que si quito ese codigo entonces el scroll no me funciona, alguien me puede ayudar??

Código Javascript:

<script type="text/javascript">
    
              
        jQuery.noConflict();
           
                    Cufon.replace('h1, h2, h3, h4, h5, h6,.comment-author')('h2.gallery-title,.wp-pagenavi,h3#comments',{textShadow:'1px 1px 0px #fff'})('#main-leftarea a',{textShadow:'2px 2px 3px rgba(0, 0, 0, 0.4)', hover: { color: '#ded28e' }});
             
        jQuery("a[class^='fancybox']").fancybox({
            'overlayOpacity'    :   0.7,
            'overlayColor'      :   '#000000',
            'zoomSpeedIn'       :   500,
            'zoomSpeedOut'      :   500
        }); 
        
        var $rightArea = jQuery('#main-rightarea'),
            rightAreaHeight = $rightArea.height(),
            leftAreaParts = '#main-leftarea, #main-leftarea #right-border',
            $galleryThumb = jQuery('.gallery-area .thumb'),
            $menuLink = jQuery('ul#main-menu li a'),
            menuTopPos = jQuery('#main-leftarea #menu').position().top;
        
        jQuery('span.magnify').css('opacity','0');
        
        if ( rightAreaHeight > 1024 ) jQuery(leftAreaParts).css('height',rightAreaHeight);
 
        $galleryThumb.hover(function(){
            jQuery(this).stop(true, true).animate({top: 6, paddingBottom: 0}, 400).find('span.magnify').stop(true, true).animate({opacity: 1}, 400).end().find('img').stop(true, true).animate({opacity: 0.7}, 400);
        }, function(){
            jQuery(this).stop(true, true).animate({top: 0, paddingBottom: 13}, 400).find('span.magnify').stop(true, true).animate({opacity: 0}, 400).end().find('img').stop(true, true).animate({opacity: 1}, 400);
        });
        
        var windowHash = window.location.hash;
        
        if (windowHash) {
            var activeLink = windowHash.substring(1),
                $targetLink = $menuLink.parent().find('a[href$=#'+activeLink+']');
            
            $menuLink.removeClass('active');
            
            $targetLink.addClass('active');
            
            jQuery('span#active-arrow').css('top',($targetLink.position().top+menuTopPos-3));
        }
        
        var isHome = true;
        
        if (!isHome) {
            $targetLink = $menuLink.parent().find('a').filter(':last');
            $menuLink.removeClass('active');
            $targetLink.addClass('active');
            jQuery('span#active-arrow').css('top',($targetLink.position().top+menuTopPos-6));
        }
        
        $menuLink.click(function(event){
            if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
                if (jQuery(this).hasClass('external')) return;
                event.preventDefault();
                if (jQuery(this).hasClass('active')) return false;
                if (jQuery("html:animated").length) return false;
                
                $menuLink.parent().find('a').removeClass('active');
                jQuery(this).addClass('active');
                
                var activePos = jQuery(this).parent().position().top,
                    linkId = this.hash.substring(1);
                
                jQuery('span#active-arrow').animate({top: (activePos + menuTopPos)},500);
                
                jQuery.scrollTo( '#'+linkId, { duration:500, onAfter:function(){
                        window.location.hash = '#'+linkId;
                    }
                }); 
            }
        }).hover(function(){
            jQuery(this).stop().animate({left: '-10px'},200);
        }, function(){
            jQuery(this).stop().animate({left: '0px'},200)
        });
        
        window.setInterval( function() {Cufon.refresh('#main-leftarea a');}, 100 );
    
                    Cufon.now();
                    
            //]]>   
    </script>
 

que tiene ese codigo que no le deja leer el archivo s3Slider.js. para hacer el slideshow de imagenes

[David]

¿Cuál es el código del Slider?

[Facundo_Nahuel]

Como dijo David en un principio, no funcionará en el HEAD porque busca elementos que todavía no se crearon.

Para solucionarlo debes meter todo tu código javascript dentro de $(function(){tu código}) o $(document).ready(function(){tu código})


Quedaría así

Código:

$(function(){
jQuery.noConflict();
           
                    Cufon.replace('h1, h2, h3, h4, h5, h6,.comment-author')('h2.gallery-title,.wp-pagenavi,h3#comments',{textShadow:'1px 1px 0px #fff'})('#main-leftarea a',{textShadow:'2px 2px 3px rgba(0, 0, 0, 0.4)', hover: { color: '#ded28e' }});
             
        jQuery("a[class^='fancybox']").fancybox({
            'overlayOpacity'    :   0.7,
            'overlayColor'      :   '#000000',
            'zoomSpeedIn'       :   500,
            'zoomSpeedOut'      :   500
        }); 
        
        var $rightArea = jQuery('#main-rightarea'),
            rightAreaHeight = $rightArea.height(),
            leftAreaParts = '#main-leftarea, #main-leftarea #right-border',
            $galleryThumb = jQuery('.gallery-area .thumb'),
            $menuLink = jQuery('ul#main-menu li a'),
            menuTopPos = jQuery('#main-leftarea #menu').position().top;
        
        jQuery('span.magnify').css('opacity','0');
        
        if ( rightAreaHeight > 1024 ) jQuery(leftAreaParts).css('height',rightAreaHeight);
 
        $galleryThumb.hover(function(){
            jQuery(this).stop(true, true).animate({top: 6, paddingBottom: 0}, 400).find('span.magnify').stop(true, true).animate({opacity: 1}, 400).end().find('img').stop(true, true).animate({opacity: 0.7}, 400);
        }, function(){
            jQuery(this).stop(true, true).animate({top: 0, paddingBottom: 13}, 400).find('span.magnify').stop(true, true).animate({opacity: 0}, 400).end().find('img').stop(true, true).animate({opacity: 1}, 400);
        });
        
        var windowHash = window.location.hash;
        
        if (windowHash) {
            var activeLink = windowHash.substring(1),
                $targetLink = $menuLink.parent().find('a[href$=#'+activeLink+']');
            
            $menuLink.removeClass('active');
            
            $targetLink.addClass('active');
            
            jQuery('span#active-arrow').css('top',($targetLink.position().top+menuTopPos-3));
        }
        
        var isHome = true;
        
        if (!isHome) {
            $targetLink = $menuLink.parent().find('a').filter(':last');
            $menuLink.removeClass('active');
            $targetLink.addClass('active');
            jQuery('span#active-arrow').css('top',($targetLink.position().top+menuTopPos-6));
        }
        
        $menuLink.click(function(event){
            if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
                if (jQuery(this).hasClass('external')) return;
                event.preventDefault();
                if (jQuery(this).hasClass('active')) return false;
                if (jQuery("html:animated").length) return false;
                
                $menuLink.parent().find('a').removeClass('active');
                jQuery(this).addClass('active');
                
                var activePos = jQuery(this).parent().position().top,
                    linkId = this.hash.substring(1);
                
                jQuery('span#active-arrow').animate({top: (activePos + menuTopPos)},500);
                
                jQuery.scrollTo( '#'+linkId, { duration:500, onAfter:function(){
                        window.location.hash = '#'+linkId;
                    }
                }); 
            }
        }).hover(function(){
            jQuery(this).stop().animate({left: '-10px'},200);
        }, function(){
            jQuery(this).stop().animate({left: '0px'},200)
        });
        
        window.setInterval( function() {Cufon.refresh('#main-leftarea a');}, 100 );
    
                    Cufon.now();
 )

[gachon]

muchas gracias, no se porque cuando lo intente hacer cuando me lo dijo David no me salio, y ahora que he hecho un copia y pega, y la verdad que me sale
muchisimas gracias lo he podido resolver gracias a vosotros