<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>vdGeijn.com &#187; JQuery</title>
	<atom:link href="http://www.vdgeijn.com/category/websites-bouwen/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.vdgeijn.com</link>
	<description>You must be bored to end up here...</description>
	<lastBuildDate>Tue, 09 Aug 2011 09:30:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Eenvoudige Zoom functie met javascript</title>
		<link>http://www.vdgeijn.com/49/websites-bouwen/cms/cms-made-simple/eenvoudige-zoom-functie-met-javascript/</link>
		<comments>http://www.vdgeijn.com/49/websites-bouwen/cms/cms-made-simple/eenvoudige-zoom-functie-met-javascript/#comments</comments>
		<pubDate>Mon, 12 Apr 2010 09:23:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CMS Made Simple]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Natastisch]]></category>

		<guid isPermaLink="false">http://www.vdgeijn.com/?p=49</guid>
		<description><![CDATA[In de Sieraden webwinkel waar ik al eerder over schreef zat een mooie zoomfunctie in: Als je met het pijltje over een foto heen gaat, dan wordt er een vergroting getoond van het gedeelte waar je met de muis overheen gaat. Dit is een aanvulling op de JQuery javascript library. Op zich al heel mooi, [...]]]></description>
			<content:encoded><![CDATA[<p>In de <a href="http://www.natastisch.nl/Sieraden/">Sieraden</a> webwinkel waar ik al eerder over schreef zat een mooie zoomfunctie in: Als je met het pijltje over een foto heen gaat, dan wordt er een <a href="http://www.dio5.com/jquery-magnifier-plugin/">vergroting getoond</a> van het gedeelte waar je met de muis overheen gaat. Dit is een aanvulling op de <a href="http://jquery.com/">JQuery javascript library</a>. Op zich al heel mooi, maar het is handiger als je de vergroting naast het origineel hebt staan. Dit naar voorbeeld van de <a href="http://www.wehkamp.nl/">wehkamp zoom</a> (zie &#8216;n willekeurig artikel), zoals we die zelf inmiddels noemen.</p>
<p>Zelf dacht ik dat dit lastig ging worden, maar er is naast de reeds genoemde module ook een module die het precies op die manier doet: <a href="http://www.mind-projects.it/projects/jqzoom/">jqZoom</a>. Geweldig. Omdat er al een zoom functie in de website zat, was de aanpassing heel eenvoudig: andere scripts instellen en de html iets aanpassen. Zie de <a href="http://www.mind-projects.it/projects/jqzoom/index.php#installation">installatie uitleg</a> op de jqZoom pagina.</p>
<p>Het resultaat mag er zijn (al zeg ik het zelf): <a href="http://www.natastisch.nl/Sieraden/Kettingen/"> Kettingen</a> en <a href="http://www.natastisch.nl/Sieraden/Armbanden/">Armbanden</a> worden nu netjes vergroot naast het origineel. Helemaal geweldig.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.vdgeijn.com/49/websites-bouwen/cms/cms-made-simple/eenvoudige-zoom-functie-met-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

