Cursor veranderen in een vergrootglas

[perryL]

Hallo,

Ik ben enige tijd op zoek om op een goede manier foto's uit te vegroten, zonder daarvoor een programma te gebruiken.
Het liefst wil ik dat bij een roll-over-image mijn cursor verandert in een vergrootglas.
Ik werk nu met pop-up vegroting. Maar ben altijd op zoek naar nieuwe ideeën voor op de website

Als er dan gebruik wordt gemaakt van het vergroten van een afbeelding m.b.v een cursor(vegrootglas) wordt hier dan gebruik gemaakt van 2 afbeeldingen?
dus 1 thumbnail en 1 vegrootte afbeelding. Of 1 afbeelding die gewoon vergroot wordt?


Voorbeeld zoals ik het graag zou willen:

http://www.chaupain.nl/?action=view...=1&PHPSESSID=083ab1c466a65751cb75f836a9927019

Dit is het idee, Als je op het brood klikt

Alvast bedankt :thumb:

 

[globe]

Dit is gedaan met een java script.

het volgende heb ik uit de bron kunnen knippen:

script type="text/javascript" src="javascript/open.js"></script>
<script type="text/javascript"> 
	hs.graphicsDir = 'javascript/graphics/';
	hs.outlineType = 'rounded-white';
	window.onload = function() {hs.preloadImages(5);}
	var slidespeed=3*1000;
	var slideimages=new Array()
	var slidelinks=new Array()	
	var newwindow=0 
</script>
 
		<script type="text/javascript" language="JavaScript1.1">
			slideimages[0] = "[B]afbeelding1.jpg[/B]";
	</script>
		<script type="text/javascript" language="JavaScript1.1">
			slideimages[1] = "[B]afbeelding2.jpg[/B]";
	</script>
		<script type="text/javascript" language="JavaScript1.1">
			slideimages[2] = "[B]afbeelding3.jpg[/B]";
	</script>
		<script type="text/javascript" language="JavaScript1.1">
			slideimages[3] = "[B]afbeelding4.jpg[/B]";
	</script>
 
	<script type="text/javascript" language="JavaScript1.1">
		var imageholder=new Array()
		var ie=document.all
		for (i=0;i<slideimages.length;i++){
		imageholder[i]=new Image()
		imageholder[i].src=slideimages[i]
		}
		
		function gotoshow(){
		if (newwindow)
		window.open(slidelinks[whichlink])
		else
		window.location=slidelinks[whichlink]
		}
	</script>

Je kunt zoveel plaatjes toevoegen als je wilt uiteraard

 

[fritzi]

Dit soort effecten werkt meestal met Javascript, en één grote afbeelding. Die wordt ingeladen bij het opemen van de pagina, en verkleind getoond. Na klikken (of mouse-over) verschijnt dan direct de grote foto.

Op deze pagina staan dit soort scripts: image effects

Voor het veranderen van de cursor zijn ook veel scripts: cursor scripts

 

[perryL]

Oke bedankt allemaal!:thumb:

Ik zal eens gaan puzzelen of het allemaal lukt.
ben al een stuk verder.

:thumb: Bedankt