MegaWeb.su > jQuery > Tooltip jQuery

Tooltip jQuery


21-02-2011, 00:08. : Admin
Tooltip     jQuery Tooltip jQuery
, .

, , , , .
.
jQuery.
:
jQuery :

<head>
<script type="text/javascript" src="http://yandex.st/jquery/1.4.2/jquery.min.js"></script>
</head>


:

<body>
<script type="text/javascript" src="globaltooltip.js"></script>
</body>


, zoomfoto :

<img class="zoomfoto" src="imf/img1.jpg" alt="" height="150" width="150" />


.
- , .
- IE Safari, .
Tooltip GLOBAL TOOLTIP
Tooltip GLOBAL TOOLTIP
-------------------------------------------------------------------

jQuery jQuery Tooltip plugin 1.3
.
:
, CSS :

<head>
<link rel="stylesheet" href="tooltip.css" type="text/css" />
<script type="text/javascript" src="http://yandex.st/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.tooltip.js">
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function($){
var images = $('a[rel*=webgallery_tooltip]');
images.click( function () {
return false;
}).tooltip({ 
delay: 0,
fade: 250,
top: 20,
left: 1,
track: true, 
showURL: false, 
bodyHandler: function() {
var alt = $(this).children('img').attr('alt');
var img = '<div class="cdwebgallery_tooltip"><img src="'+this.href+' "alt="" /><span>' + alt + '<\/span><\/div>';
return img;
} 
});
});
//]]>>
</script>
</head>


, rel="webgallery_tooltip". src , , alt :

<a href="img/12.gif" rel="webgallery_tooltip"><img src="img/12.gif" alt="" width="169" height="100" /></a>


.
- .
- .
jQuery Tooltip plugin
jQuery Tooltip plugin
.
!