Mouseover event -> Video abspielen

[Sempervivum]

Nein, Klasse und data-tt immer gleich und ohne http://:

<a href="#" data-tt="img1.png" class="masterTooltip">Your Text</a>

<a href="#" data-tt="img2.png" class="masterTooltip">Your Text</a>

<p data="img3.png" class="masterTooltip">Mouse over the heading text above to view it's tooltip.</p>

<p data-tt4="img4.png" class="masterTooltip">Mouse over the heading text above to view it's tooltip.</p>

<script type="text/javascript">
$(document).ready(function() {

$('.masterTooltip').hover(function(){

var im = $(this).attr('data-tt');
// var im = $(this).attr('data-tt2'); loeschen
// var im = $(this).attr('data-tt3'); loeschen
// var im = $(this).attr('data-tt4'); loeschen

$('<p class="tooltip"><img src=" + im + "></p>')

.appendTo('body')
.fadeIn('slow');
}, function() {


$('.tooltip').remove();
}).mousemove(function(e) {
var mousex = e.pageX + 20; //Get X coordinates
var mousey = e.pageY + 10; //Get Y coordinates
$('.tooltip')
.css({ top: mousey, left: mousex })
});
});
</script>

 

[Sempervivum]

PS: Außerdem habe ich noch einen Fehler mit den Hochkommas gemacht, so ist es richtig:

$('<p class="tooltip" style="position:absolute"><img src=' + im + '></p>')

So getestet und funktioniert.

 

[Flippidippi]

Okay stark, musste nämlich das + im + durch den link vom bild ersetzen damit es funktioniert hab ich schon gewundert
Vielen lieben Dank noch 'mal, hoffe es klappt jetzt :)

Sieht jetzt so aus :(

<img src="http://s14.directupload.net/images/140707/uoaopjp7.png"/>

 

[Sempervivum]

Hm, zerrissenes Bild. Dann findet er das Bild nicht. Liegt es vielleicht in einem Unterverzeichnis? Groß- und Kleinschreibung?