foto's uitzoomen

[willem008]

goede dag

Ik heb een site waar ik spullen aanbied ,nu wil ik als men over de foto beweegt met
de muis dat de foto groter wordt.

hoe kan ik dat het beste aanpakken met css of javascript,
en zodat hij het in alle browser doet.


de pagina zie erzo uit

http://wlvdmeer-montage.nl/overige.html

 

[Frats]

Ik zou het doen met lightbox en sowieso niet op een mouse-over maar op een mouse-click, anders krijg je ontzettend veel nodeloze pageload omdat mensen toevallig over de image bewegen.

Je kunt lightbox hier vinden:
http://www.lokeshdhakar.com/projects/lightbox2/

Je hebt het vast wel eerder gezien, wordt heel veel gebruikt

 

[willem008]

Ok heb even iets gemaakt maar ik krijg het nu niet voor elkaar om een andere foto te openen
de foto waar je op moet kliken is wel goed maar hij bijft dezelfde foto openen.

wat doe ik nou fout

http://wlvdmeer-montage.nl/zoem/test.html

html code

<div id="matvak"><a href="images/lampgr.jpg" rel="lightbox" title="lampen 400 Watt"><img src="images/lamp.jpg" alt="lamp" />
<href="images/100_0687.jpg" rel="lightbox" title="iso"><img src="images/110_0686th.jpg" alt="isoleer-set" />
<href="images/lampgr.jpg" rel="lightbox" title="nieuwe foto"><img src="images/lamp.jpg" alt="isoleer-set" /></a>
<div id="tekstmat" /><a href="http://montage.wlvdmeer-montage.nl/#30.1" rel="external" title="stoomcleaner" style="font-style: italic; text-decoration: none; color: #000; background-color: #ccccff;"></a> <br />
<br />
* <strong>Versnipperaar</strong><br />
<br />
* 380 Volt<br />
* Klik op foto voor groot formaat
</div>

 

[willem008]

sorry heb de fout gevonden ,hij werkt nu

Ik heb even een artikel werkend gemaak ,de spuithaspel met deze html code

http://wlvdmeer-montage.nl/machines.html

maar wat ik nu wil maar wat nog niet echt lukt , ik wil als de foto box is geopend
met de kop volgende meer foto's tonen

<div id="matvak2">
<a href="imageswink/100_0681.jpg" rel="lightbox" title="spuithaspel"><img src="imageswink/100_0681t.jpg" alt="spuithaspel" /></a>


<div id="tekstmat" /><a href="http://montage.wlvdmeer-montage.nl/#30.1" rel="external" title="stoomcleaner" style="font-style: italic; text-decoration: none; color: #000; background-color: #ccccff;"></a> <br />
<br />
* <strong>Slangehaspel</strong><br />
<br />
* 220 Volt<br />
* Met afstand bediening<br />
*<strong>Klik op foto voor groot formaat</strong>
</div>

 

[willem008]

kan iemand mijn vertellen wat ik fout doe ,ben al de hele avond bezig

ik heb nu die
met dezelde foto's, werk goed
maar zogauw ik een andere foto invoer vindt hij hem niet


<a href="imageswink/100_0687t.jpg" rel="lightbox[roadtrip]"><img src="imageswink/100_0687t.jpg" alt="" /></a>
<a href="imageswink/100_0687t.jpg" rel="lightbox[roadtrip]"></a>
<a href="imageswink/100_0687t.jpg" rel="lightbox[roadtrip]"></a>