JQuery Tooltip...non riesco a farlo funzionare

lucaeffe

JQuery Tooltip...non riesco a farlo funzionare

http://www.antoniofullone.it/tutorial/634/tooltip-con-jquery/

Da qui ho scaricato il tooltip e l'ho provato in due modi.

Il primo nella mia pagina (posto l'intero head)

HTML

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="PORTFOLIO.css" rel="stylesheet" type="text/css" />
             
<title>Lucaeffe.it</title> 



 

<script src="smoothscroll_dl/smoothscroll.js" type="text/javascript"></script>


<!-- jQuery lightBox plugin -->
    <script type="text/javascript"  src="JS/jquery-lightbox-0.5/js/jquery.js"></script>
<script type="text/javascript" src="JS/jquery-lightbox-0.5/js/jquery.lightbox-0.5.js"></script>
    
    
    <link rel="stylesheet" type="text/css" href="JS/jquery-lightbox-0.5/css/jquery.lightbox-0.5.css" media="screen" />
    <script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    </script>
   <!--fine jQuery lightBox plugin --> 
   

 <script type="text/javascript" src="JS/jquery-lightbox-0.5/jquery.color.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#menu a').hover(function() {
        $(this).animate({
              color: '#fc0'
          }, 100);    
                      },
              function() {
                  if (!$(this).hasClass("sel")) {
                      $(this).animate({
                          color: "#fff"
                      }, 2000);
                  }

    });
});


</script>  
   
<script type="text/javascript" src="JS/jquery-tooltip/jquery.tooltip.js"></script>
<script type="text/javascript"> 
    $(document).ready(function(){
    $("#tool a").tooltip({
    track: true,
    delay: 0,
    fixPNG: true,
    top: 15,
    showURL: false,
    left: 5    ,
    });

    }); 
</script>
    

    <script type="text/javascript" src="JS/easySlider/easySlider/js/easySlider.js"></script>
     <script type="text/javascript">
    $(document).ready(function(){
    
    $("#slider").easySlider({
        prevText:'<',
        prevId: 'prevBtn',
        nextText: '>',
        nextId: 'nextBtn',
        orientation: 'horizontal'

        
                        
                            
    });
    
   $("#slider2").easySlider({
       prevText: '<',
       prevId: 'prevBtn2',
       nextText: '>',
       nextId: 'nextBtn2',

    });
   
       
   $("#slider3").easySlider({
       prevText: '<',
       prevId: 'prevBtn3',
       nextText: '>',
       nextId: 'nextBtn3',

    });
    
});

    </script>

    
    
    
    
    
    




    <style type="text/css">
    /* jQuery lightBox plugin - Gallery style */
    #gallery{
        margin:0;
        width:100%;
        height:3500px;
        text-decoration:none
    }
    
    a{
        font-family:Arial, Helvetica, sans-serif;
        color:#FFF;
        text-decoration:none;
        }
        
    ul { 
        list-style: none;
        padding:100px 0 0 50px;
        margin:0 0 50px 0
    }
    ul li { 
        display: inline;
    }
    ul img {
        margin:0 auto;
        border: 5px solid #3e3e3e;
        border-width:0;
    }
    ul a:hover img {
        border: 1px solid none;
        border-width:0;
        color: #fff;
    }
    ul a:hover { color:;
    }
    
    </style>
    

             


</head>

CSS

#tool{
position:relative;
width:500px;
height:100px;
margin:0;
border:1px solid #ccc;
padding:0;
background:#f5f5f5;
}

Il link per lo sxript non funziona e allora ho deciso di provare in una nuova pagina

HTML

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="Untitled-2.css" rel="stylesheet" type="text/css" />
<title>Untitled Document</title>

<script type="text/javascript" src="JS/jquery-tooltip/lib/jquery.js"></script>
<script type="text/javascript" src="JS/jquery-tooltip/jquery.tooltip.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
    $('#tool a').tooltip({
    track: true,
    delay: 0,
    fixPNG: true,
    top: 15,
    showURL: false,
    left: 5    ,
    });

    });
    
    </script>

CSS

@charset "utf-8";
/* CSS Document */

body{
    background:#063;
}{
position:relative;
width:500px;
height:100px;
margin:auto;
border:1px solid;
padding:10px;
background:#f5f5f5;
} a{
font-size:1.4em;
}

Ma il risultato è identico,ovvero lo script non ne vuol sapere di funzionare!!:x

jack1971

Ciao lucaeffe,

hai postato la stessa domanda qui, e non concesso dal regolamento:

11. ** Crossposting**

11.0. Non è consentito postare lo stesso messaggio o parti di esso in più aree del forum, salvo casi di particolare interesse che dovranno comunque essere autorizzati da un Admin.