一些缩略图的Jquery图像工具提示

时间:2014-06-17 14:31:18

标签: jquery jquery-ui

我正在尝试创建一个带有图像的工具提示,当显示在较小的图像上时显示(缩略图)

这有效:

<img alt='geen foto beschikbaar' class='plupic' id='Pic5' src='fotos/nopic.jpg' style="margin:10px; max-height: 100px; max-width: 100px;">
    <script>
    $(function() {
     $( document ).tooltip({
        items: "img",
        content: function() {
        var element = $( this );
        if ( element.is( "img" ) ) {
          var src = element.attr('src');
           return "<img src='" + src + "'>";
        }
      }
     });
    });
    </script>

但是这会在我网站上的每个图片上创建一个工具提示,这不是我想要的,我想要一些图像上的工具提示,但不是全部。

这是我尝试过,但不起作用:

<img alt='geen foto beschikbaar' class='plupic' id='Pic5' src='fotos/nopic.jpg' style="margin:10px; max-height: 100px; max-width: 100px;">
    <script>
    $(function() {
     $('.plupic').tooltip({
        content: function() {
        var element = $( this );
        var src = element.attr('src');
        return "<img src='" + src + "'>";
      }
     });
    });
    </script>

它什么都不做,甚至没有警告或错误。我做错了什么?

0 个答案:

没有答案