NIMA_1981
جمعه 28 مرداد 1390, 14:03 عصر
سلام دوستان
من وقتی میخوم از این نوع tooltip استفاده کنم بر مشکل می خورم مثل مثال خود سایت نمیشه میشه بگید مشکل از کجاست
برای من شکل قالب لود نمیشه مثل این عکس
74047
اما مثال سایت مثل این عکس بصورت کامل قاب لود میشه
74048
اینم کد که من نوشتم
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Tools standalone demo</title>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
<style type="text/css">
.tooltip.bottom {
background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
padding-top:40px;
height:55px;
}
.tooltip.bottom {
background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
}
</style>
</head>
<body>
<br />
<br />
<br />
<div id="dyna">
<img src="1.jpg" title="The tooltip text #1" />
<img src="2.jpg" title="The tooltip text #2"/>
<img src="3.jpg" title="The tooltip text #3"/>
<img src="4.jpg" title="The tooltip text #4"/>
</div>
<script type="text/javascript">
// initialize tooltip
$("#dyna img[title]").tooltip({
// tweak the position
offset: [10, 2],
// use the "slide" effect
effect: 'slide'
// add dynamic plugin with optional configuration for bottom edge
}).dynamic({ bottom: { direction: 'down', bounce: true} });
</script>
</body>
</html>
اینم لینک سایت
http://flowplayer.org/tools/tooltip/index.html
با تشکر
من وقتی میخوم از این نوع tooltip استفاده کنم بر مشکل می خورم مثل مثال خود سایت نمیشه میشه بگید مشکل از کجاست
برای من شکل قالب لود نمیشه مثل این عکس
74047
اما مثال سایت مثل این عکس بصورت کامل قاب لود میشه
74048
اینم کد که من نوشتم
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Tools standalone demo</title>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
<style type="text/css">
.tooltip.bottom {
background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
padding-top:40px;
height:55px;
}
.tooltip.bottom {
background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
}
</style>
</head>
<body>
<br />
<br />
<br />
<div id="dyna">
<img src="1.jpg" title="The tooltip text #1" />
<img src="2.jpg" title="The tooltip text #2"/>
<img src="3.jpg" title="The tooltip text #3"/>
<img src="4.jpg" title="The tooltip text #4"/>
</div>
<script type="text/javascript">
// initialize tooltip
$("#dyna img[title]").tooltip({
// tweak the position
offset: [10, 2],
// use the "slide" effect
effect: 'slide'
// add dynamic plugin with optional configuration for bottom edge
}).dynamic({ bottom: { direction: 'down', bounce: true} });
</script>
</body>
</html>
اینم لینک سایت
http://flowplayer.org/tools/tooltip/index.html
با تشکر