title als src
waarschijnlijk een klein dingetje maar ik kom er niet uit. Krijg de tooltip netjes te zien maar this.title en $(this).attr('title') willen niet werken..
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<link rel="stylesheet" href="http://jquery.bassistance.de/tooltip/jquery.tooltip.css" />
<script src="http://jquery.bassistance.de/tooltip/lib/jquery.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/tooltip/lib/jquery.bgiframe.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/tooltip/lib/jquery.dimensions.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/tooltip/jquery.tooltip.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/tooltip/chili-1.7.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('.tooltip_title').tooltip({
delay: 0,
showURL: false,
bodyHandler: function() {
return $(this).attr('title');
}
});
$('.tooltip_image').tooltip({
delay: 0,
showURL: false,
bodyHandler: function() {
return $("<img/>").attr("src", this.title);
}
});
});
</script>
<img class="tooltip_image" title="http://images.icecat.biz/img/norm/low/5846092-2450.jpg" src="http://images.icecat.biz/thumbs/5846092.jpg"></a>
<a class="tooltip_title" href="#" title="Omschrijving...">Klik</a>
<script src="http://jquery.bassistance.de/tooltip/lib/jquery.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/tooltip/lib/jquery.bgiframe.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/tooltip/lib/jquery.dimensions.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/tooltip/jquery.tooltip.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/tooltip/chili-1.7.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('.tooltip_title').tooltip({
delay: 0,
showURL: false,
bodyHandler: function() {
return $(this).attr('title');
}
});
$('.tooltip_image').tooltip({
delay: 0,
showURL: false,
bodyHandler: function() {
return $("<img/>").attr("src", this.title);
}
});
});
</script>
<img class="tooltip_image" title="http://images.icecat.biz/img/norm/low/5846092-2450.jpg" src="http://images.icecat.biz/thumbs/5846092.jpg"></a>
<a class="tooltip_title" href="#" title="Omschrijving...">Klik</a>
Alvast bedankt!
Gr. Roy
Gewijzigd op 06/04/2011 20:01:47 door Roy -
Code (php)
1
$(this).attr('title')
Zie ook http://api.jquery.com/attr
[...extra informatie...]
En in gewoon JavaScript kan je ook niet werken met this.title de code zal dan worden:
Code (php)
1
this.getAttribute('title');
Code (php)
1
return $("<img/>").attr("src", this.src);
en deze niet?
Code (php)
1
return $("<img/>").attr("src", this.title);
Ook dit werkt niet..
Code (php)
1
return $(this).attr('title');
Toevoeging op 06/04/2011 22:34:21:
Moest geen title gebruiken, nu overal id gebruikt en het werkt top.
Toch bedankt voor het meedenken!