JQuery Vorschaubild

S

selig

0
Hallo erstmal,

nun zu meinem Problem: ich würde gerne beim überfahren mit der maus (mouseover) ein kleines vorschaubild der aufzurufenden seite zeigen.

ich hab ein plugin bei google gefunden, auch versucht dieses zu verwenden aber dank meiner mangelnden kenntnisse bin ich kläglich gescheitert.

Hier der Link zum Plugin:
New jQuery plugin: ‘imgPreview’ – James Padolsey

Ich hoffe jemand kann mir das anhand einer kleinen beispielseite zeigen. nur einem link und den einzubindenden dateien.

ich hätte gerne einen link der auf eine seite verweist und schon durch ein bild dargestellt wird. und beim mouseover soll mir dann ein anderes bild als vorschau ausgegeben werden.

ich weiß selbst das ich hier sehr viel fordere und auch keinen versuch meinerseits poste, das problem ist nur das ich absolut nicht weiß wo, wie und was....

gruß selig
 
Hmm also wenn ich dich richtig verstehe, dürfte es sowas in der Art sein.. Denk dir statt den putzigen Schäfchen einfach Bilder von Homepages.

Sources: Download

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
	<title>Habo Test</title>
	<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>
	<script type="text/javascript" src="http://james.padolsey.com/demos/imgPreview/full/imgpreview.full.jquery.js"></script>
</head>
<body>

<style type="text/css">

a#one {
	display:block;
	width:400px;
	height:300px;
	background-image:url(schaf.jpg);
	background-repeat:no-repeat;
}

</style>

<script type="text/javascript">
$(document).ready(function()
{
	$('a#one').imgPreview(
	{
		srcAttr: 'rel'
	});
});
</script>

<a href="http://sheeep.ch" rel="schaf2.jpg" id="one"></a>

</body>
</html>
 
Zuletzt bearbeitet:
Danke vielmals,...

ich weiß dass, das jetzt wahnsinnig früh kommt - aber genau das hab ich gesucht/gemeint!
Du Gott :D

Hätte ich ohne deine Hilfe nie im Leben so schnell rausgefunden =)))

Nochmal Danke,
Gruß Selig
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben