Rollover Image!

[FallinStar]

Ik wil een knop gaan maken d.m.v. een rollover image.

Als eerste rollover image gebruik ik een klein plaatje en als tweede rollover image wil ik een groter plaatje gebruiken , zodat ie eigenlijk als ik op de knop kom dat ie zogezegd eruit springt groter word.

Maar nu probeer ik dat in Dreamweaver en dat lukt niet.
ALs ik over de knop heen ga dan blijft de knop dezelfde grote en dat is juist niet de bedoeling. Want dan word de tekst ook bij elkaar geduwd enz enz...
Ik wil dus dat als ik over de button ga dat ie groter word.
Is dat eigenlijk wel mogelijk in Dreamweaver???

Hopelijk is de vraag een beetje duidelijk anders dan moeten julie het maar ff zeggen dan probeer ik het wat beter uit te leggen. :thumb:

 

[NZ1900]

photoshop

 

[JPeetje]

waarom dreamweaver dat doet is een vrij makkelijke vraag
hij voegt namelijk breedte en hoogte toe aan het plaatje, en als je de afmetingen van het plaatje veranderd door hem groter te maken, dan wordt hij door dreamweaver gedwongen om binnen die afmetingen te blijven, waardoor hij niet echt mooi uitkomt
ff in HTML-code "width=..." en "height=..." weghalen, misschien dat dat lukt
ik werk niet echt met dreamweaver, maar als je gewoon een rollover om in te voegen in een html-pagina..kijk <a href="http://www.javascriptcity.com/scripts/local/simage1.htm" target="_blanc">hier</a> eens :thumb:

 

[peter vazed]

Tja:
2 problemen
de plaatjes en het script.

Een script om hetzelfde plaatje te vergroten verschuift idd je tekst.
In feite twee plaatjes maken, waarvan de kleinste net zo groot is, echter met een rand van dezelfde kleur als de achtergrond.
Dus het plaatje lijkt dan kleiner.

Zet anders een testpagina on line, zodat die bekeken kan worden, om vlotter tips te kunnen geven.

 

[JPeetje]

persoonlijk doe ik dat ook altijd, anders (bijv. bij tabellen) verschuift de hele handel en da's ook niks natuurlijk
en wat is het probleem met het script dan ?

 

[peter vazed]

Geplaatst door JPeetje
persoonlijk doe ik dat ook altijd, anders (bijv. bij tabellen) verschuift de hele handel en da's ook niks natuurlijk
en wat is het probleem met het script dan ?

Een direct script, dus niet een gewoon on mouse over script:

ENLARGE:
<img id="aimage" src="piza.gif" onMouseover="enlarge()" onMouseout="revertback()">

<script language="JavaScript1.2">
function enlarge(){
aimage.style.pixelWidth=164
aimage.style.pixelHeight=202
}

function revertback(){
aimage.style.pixelWidth=82
aimage.style.pixelHeight=101
}
</script>

Yes, I know its not exactly the most practical example in the world,
 but it does illustrate DHTML at work quite well. 
The image changes dimensions on demand, without the need to reload the document. 
That's something JavaScript alone can never do.

 

[JPeetje]

jahaa, maar da's vergroten...
dan krijg je lelijke pixels te zien en dat moeten we niet hebben
ik raad nog steeds aan om gewoon 2 verschillende plaatjes te maken en daar het script dat ik had onder te zetten

 

[FallinStar]

Bedankt voor de antwoorden.
Ik ga het nu eens allemaal ff uit testen en dan horen jullie het vanzelf wel of het wel of niet is gelukt! :thumb:

P.s over dat op internet zetten een test pagina kan ik niet ik heb geen rechten hier op mijn stage om dat te doen.

 

[FallinStar]

Geplaatst door JPeetje

ff in HTML-code "width=..." en "height=..." weghalen, misschien dat dat lukt

En ja hoor het werkt

Ik heb de width en de height weg gehaald en nu doet ie het :thumb:

ThnQ very Much!!!!!

P.s Nog ff een vraagje gelijk kun je op een rollover image ook hotspots maken?? Dus op dat plaatje als ik met mijn muis erop sta?!!?!

 

[leintje]

Lekker kort door de bocht .....

Geplaatst door NZ1900
photoshop

Lein