hoe maak je een rolover button in imageready ???

hallo ben al een tijdje bezig met een site maar wil nu in imageready een rolover button maken maar lukt mij niet echt kan iemand mij soms helpen hoe ik daar aan moet beginnen :D turtorials links zijn ook welkom

hier mijn site!!!
http://users.pandora.be/hensenbok/milleniumdesign.html

[img:0e7a74877a]http://users.pandora.be/hensenbok/sig.Da_warrior.jpg[/img:0e7a74877a]

Zoiets , vind ik zelf dat je dat zeker NIET in image ready moet maken , maar maak je 2 buttons in photoshop , de normale state en de roll-over state , sla deze 2 afbeeldingen op vb. home_norm.jpg en home_over.jpg en dan kan je dit maken in dreamweaver met de roll over toets en dan kan je deze actie zo in dreamweaver plaasten, ik vinnd het zo veeéle gemakelijker dan een html pagina door image ready te laten genereren.

gebruik help binnen imageready, werkt bij mij in ieder geval, het is vrij simpel binnen imageready, even lezen, is makkelijker dan hier uitleggen.

ff tip steven; verander het woord tuRtorial in tutorial - staat een stuk beter, ook op je site.

ja ik zal eens proberen met de help functie.en als dat niet gaat ga ik dat eens proberen met twee knoppen maken en dan met dreamweaver het te maken.ik zal ook de naam veranderen naar tutorials en nog iets wat vind je van mijn site

http://users.pandora.be/hensenbok/milleniumdesign.html

[quote:0a14aa304d="steven"] ... nog iets wat vind je van mijn site ...[/quote:0a14aa304d]

Je design ziet er goed uit , maar het is nu nog maar vrij stilletjes

ja ik ben er aan bezig maar ik kan ze niet meer zoveel aan werken omdat k naar school moet gaan en dan gaat er veel tijd weg voor er aan te werken :(

[quote:0299a70924="steven"]ja ik ben er aan bezig maar ik kan ze niet meer zoveel aan werken omdat k naar school moet gaan en dan gaat er veel tijd weg voor er aan te werken :([/quote:0299a70924]

Bwa , ik werk aan men site('s) na school ,
maar als je weet wat je wil dan gaat het vooruit ,
maar je moet alleen nog weten hoe ?
En als je dat niet weet dan gaat het minder snel :slight_smile:

Succes nog

ja daar heb je misschien gelijk i maar moet ook nog veel leren he daar steekt oog nog tijd in and that it's the problem :D

hallo ben er al weer voor iets te zeggen

[code:1:ffcc302f6c]

dat is mijn sript die ik heb gezet bij <head>

<SCRIPT LANGUAGE="JavaScript">
<!–
Browser = false ;
if(navigator.appName.indexOf("Netscape") != -1)
{ if( (navigator.appVersion.indexOf("3.") != -1) || (navigator.appVersion.indexOf("4.") != -1) )
Browser = true}
if(navigator.appVersion.indexOf("MSIE") != -1) { if( navigator.appVersion.indexOf("4.") != -1)
Browser=true}
if ( Browser == true) {
index_03.gif= new Image();
index_03.gif.src = "http://users.pandora.be/hensenbok/images/index_03.gif";
rolloverbutton.gif = new Image();
rolloverbutton.gif.src = "http://users.pandora.be/hensenbok/images/rollover_button.gif";
}

function byt(place, imgName) {
if (Browser == true) {
document[place].src =eval(imgName + ".src");
} }
//–>
</SCRIPT>

en deze bij body

<A HREF=“http://users.pandora.be/hensenbok/design.html” onMouseOver=“byt(‘rolloverimage’,‘rollover_button.gif’)” onMouseOut=“byt(‘rolloverimage’,‘index_03.gif’)”> <IMG SRC=“http://users.pandora.be/hensenbok/images/index_03.gif” NAME=“rolloverimage” HEIGHT=“14” WIDTH=“86” BORDER=“0”></A>[/code:1:ffcc302f6c]

weet iemand wat daar fout aan is ???

ik krijg altijd een fout in mijn pagina als ik dat erin zet hoe zouw dat komen. ???

Ja zal copy/paste hebben gedaan vanuit het image ready document ?? Ik werk met dreamweaver , daar zit een standaard ingebakken knop die zo iets maakt . Véééle handiger en NOOIT fouten , dat is zeker de moeite om te proberen en zeker doen

ha wil je mij eens zeggen hoe je dat doed

Ja maakt dus je 2 buttons , de normale en diegene die moet verschijnen als je erover gaat .

Je zal dus al zeker 2 afbeeldingen hebben .

Dan open je dreamweaver , ik werk met de mx versie en dan neem je insert > interactive images > Roll over image .

En de rest zal zijn eigen wel uitwijzen .

Succes

ik zal het eens proberen kijken als het gaat

Ik werk altijd met Photoshop en ImageReady voor rollovers...

Het voorwerk doe ik in Photoshop. Ik maak dan een normal- en een over-state. Het makkelijkst is meestal om de over state te tonen d.m.v. het aan- of uitzetten van een laag of lagenset. Vervolgens naar ImageReady…

In IR maak je voor elke rollover een slice. Zorg dat alle states in de normaal-stand staan en maak dan per slice een rollover state aan. Wanneer je in het rollover palet de over state actief hebt, zet je de slice in de over stand.

Daarna kan je nog optimalizeren. Meestal maak ik GIF-jes met een laag aantal kleuren. Voor een ‘live-preview’ kan je het tabje “Optimized” links boven in het venster aanklikken. Je ziet dan meteen wat het effect er van is om er bijvoorbeeld een kleur uit te wippen. Ook kan je alles beter zien als je de slices tijdelijk niet toont. De Q-toets is hier de shortcut voor.

Als je alles klaar hebt, kies je ‘Save Optimized As…’ en IR maakt dan alle plaatjes, compleet met een HTML-bestand en de javascript voor de rollovers.

Zelf vind ik het het beste werken om alles met de hand mijn webbouwprogramma binnen te sleuren. Voorwaarde is wel dat je in je site een map hebt met plaatjes die dezelfde naam heeft als IR heeft gemaakt. Standaardnaam is ‘images’. Anders verwijst de javascript naar een map die je niet in je site hebt.

Volgens mij had je nog geen echt antwoord op je vraag gehad. Wellicht dat je hier iets mee kunt?

Suc6 d’rmee…

bedankt voor de uitleg heb het nu

heel erg bedankt jullie allemaal

[quote:c5fbbffc79="konijn"]Ja maakt dus je 2 buttons , de normale en diegene die moet verschijnen als je erover gaat .

Je zal dus al zeker 2 afbeeldingen hebben .

Dan open je dreamweaver , ik werk met de mx versie en dan neem je insert > interactive images > Roll over image .

En de rest zal zijn eigen wel uitwijzen .

Succes[/quote:c5fbbffc79] konijn ge zijt ook heel erg veel bedankt voor die uitleg hoeje dat moet doen met dreamweaver