[HaBo]

selig · 06.05.11, 17:27

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

she3p · 08.05.11, 13:59

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>

Anzeige

- Anzeige -

selig · 22.06.11, 12:47

Danke vielmals,...

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

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

))

Nochmal Danke,
Gruß Selig

Anzeige

- Anzeige -

06.05.11, 17:27	#1 (permalink)
selig Registriert seit: 27.10.09 Likes: 0	JQuery Vorschaubild Anzeige 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

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

22.06.11, 12:47	#3 (permalink)
selig Themenstarter Registriert seit: 27.10.09 Likes: 0	Danke vielmals,... ich weiß dass, das jetzt wahnsinnig früh kommt - aber genau das hab ich gesucht/gemeint! Du Gott Hätte ich ohne deine Hilfe nie im Leben so schnell rausgefunden )) Nochmal Danke, Gruß Selig

[HaBo]

JQuery Vorschaubild