plaatje automatisch even vergroten/verkleinen

[domiefraanje]

Hallo allemaal

Ik ben op zoek naar een script die zorgt dat een plaatje in een paar seconden wordt vergroot (bijvoorbeeld 5 keer zo groot) en dan weer in een paar seconden teruggaat naar zijn oude vorm. (verkleinen)

WEet iemand dus een script die een plaatje verkleint en vergroot in een paar seconden?

Ik kon het op www in iedergeval niet vinden

Hopelijk weten jullie iets?

 

[Guus abc †]

Of dat met Java Script kan weet ik niet, maar met Flash of Swish (makkelijker) is het geen probleem.
Kijk maar eens naar de thumbnails op mijn site.
Hier staat beschreven hoe dat werkt.

Guus.

 

[domiefraanje]

ok bedankt

jammer dat het niet met javascript kan, ik kan helaas geen java...dus het feest gaat helaas niet door

 

[Guus abc †]

Misschien kan het op dezelfde manier als bij een rollover.
Daarbij wordt een plaatje vervangen door een ander plaatje als je er met de muis op gaat staan.
Als je zorgt dat dat tweede plaatje 5 keer zo groot is als het eerste, heb je hetzelfde effect.

Guus.

 

[domiefraanje]

ja das wel een goed idee! Maar dan is die wel in 1 keer gelijk heel groot maar ja, het kan blijkbaar niet anders.

 

[Egel]

<img src="" width="100" onmouseover="this.width=400" onmouseout="this.width=100">

.height is niet nodig, als je die ongedefinieerd laat blijft de verhouding goed.

Je kunt het beste 4x zoom gebruiken:
een plaatje op precies 50% zetten en dan met de onmouseover op 200% weergeven. In het gebruikte voorbeeld is dat een plaatje van 200px breed.

Vr.Gr. Egel.

 

[domiefraanje]

ok dankjewel!

 

[domiefraanje]

wat gek, het plaatje is gelijk al groot! (dus niet met mouseover)

 

[Egel]

Bedoel je dan gelijk op 200% of begint het op 100%, misschien past je editor het aan. Of gebruik je een style, deze heeft namelijk voorang boven de html opmaak. En zoomt het wel als je er met de muis op en af gaat?

<img src="test.jpg" width="100" onmouseover="this.width=400" onmouseout="this.width=100">
<img src="test.jpg" style="width:100px" onmouseover="this.style.width='400px'" onmouseout="this.style.width='100px'">

Als je bovenstaande regels als html bewaart zouden beiden moeten werken, met een test.jpg van 200px breed.

De tweede zin met de style in de tag werkt misschien in je pagina.

html opmaak -> gelinkt stylesheet -> intern stylesheet - > style in de tag
is de volgorde (cascading) van minder naar meer belangrijk.


Vr.Gr. Egel.

 

[Bundy8672]

plaatje vergroten / verkleinen

Hallo,

Ik was op zoek naar de mogelijkheid om een plaatje te kunnen vergroten / verkleinen. Nu kwam ik onderstaande oplossing tegen. Deze werkt in principe goed, maar wanneer ik het plaatje tussen tekst in zet en dan het plaatje vergroot 'verschuift' de gehele tekst door 'naar beneden' -> is het ook mogelijk dat het 'vergrote plaatje' over de reeds aanwezige tekst heen gaat (ookal is deze dan niet leesbaar).

Ik zou graag horen wat hiervan de mogelijkheden zijn.

Mijn dank is bijvoorbaat al enorm groot!

Gr.
Bundy8672

<img src="" width="100" onmouseover="this.width=400" onmouseout="this.width=100">

.height is niet nodig, als je die ongedefinieerd laat blijft de verhouding goed.

Je kunt het beste 4x zoom gebruiken:
een plaatje op precies 50% zetten en dan met de onmouseover op 200% weergeven. In het gebruikte voorbeeld is dat een plaatje van 200px breed.

Vr.Gr. Egel.

 

[Glest]

Als je wilt dat de tekst niet verplaats terwijl het plaatje vergroot dan moet je zorgen dat het plaatje niet in de teksts staat, maar absoluut of relatief gepositioneerd is. Maar, wil je dat het kleine plaatje wel in de tekst verwerkt is, dan heb je twee plaatjes nodig. Eéntje die in de tekst staat, en ééntje die zichtbaar wordt waneer je over het kleine plaatje beweegt.

Dan kun je het beste één plaatje hebben wat normaal ontzichbaar is. Je verandert het steeds in hetzelfde bestand als het kleine plaatje, positioneerd over het kleine plaatje, 4 keer zo groot maakt als het kleine plaatje en vervolgens zichbaar maakt totdat je er weer vanaf scrollt. En het moet een hoge z-index hebben. Dan kun je voor meerdere kleine plaatjes hetzelfde grote plaatje gebruiken.

 

[Bundy8672]

Wat een prima idee -> had ik niet aangedacht!
Bedankt voor je oplossing!

 

[kaylononii]

Ben er nog niet helemaal uit. Via deze site ben ik echt enorm wijs geworden maar ik heb 2 problemen:

1) De plaatjes komen achter de andere plaatjes en zijn dus niet volledig zichtbaar
2) Ze trillen heel erg als ik er overheen ga met de muis, heel onstabiel. Is daar een oplossing voor?

Zie website: http://www.casa-kaylo.nl/Trouwen.htm (test pagina stamboom mijn hond)

Bedankt voor de hulp!

Gr. Alma