Tuohon valikkojuttuun sanoisin vinkkinä, että jos olet tehnyt visuaalisen pohjan Photarilla, niin jatka valikot loppuun asti Photarilla ja ImageReadylla. Teet vain ne vaihtuvat painikekuvat (oletan että sulla on jotain rollover ym. juttuja mielessä) Photarin omaksi layeriksi ja sitten Imagereadyssa säädät Rollover / Click efekteiksi nuo eri layereilla olevat kuvat. Tulee varmasti ja siististi.toivoton tapaus kirjoitti:En saa oikein mitään onnistumaan photarilla tehdyn pohjan kanssa tällä ohjelmalla. Yritin ensinnäkin tehdä navigointivalikoita, mutta miten ihmeessä saan ne millilleen oikealle kohdalle pohjassa? ne sijoittuvat aina kokonaan pohjan ulkopuolelle enkä saa niitä edes siirrettyä pohjan päälle.
Ei siitä ole mitään haittaa vaikka ne muuttuvat kuvat ovat eri layereilla. ne vain voi tehdä myös yhdelle layerille / rollover-state.toivoton tapaus kirjoitti:onkohan siitä haittaa jos olen tehnyt nuo muuttuvat kuvat myöskin jokaisen erikseen eri layereille? tein aiemmin kun yritin tehdä navigointijuttua. Jätin slice-työkalun käytön pois kun siitä tuli vain lisäongelmia minun taidoillani näköjään
Niin ja mistä ihmeestä saan oikein clik state:n valittua, web-contentista löytyy vain roll-over?
![[:D]](./images/smilies/icon_biggrin.gif "Iso hymy"){kind=icon}
![[:)]](./images/smilies/icon_smile.gif "Hymy"){kind=icon}
Tarkoitin layer-ikkunalla ns. perinteistä layer-kelluikkunaa (sitä millä Photarissa pelataan layereiden kanssa, sitä just!). Sen silmäkuvakkeilla laitat halutut layerit näkyviin haluttuihin tiloihin... on tää aika hankalaa selittää mutta uskon että olet jo aika lähellä ratkaisua!toivoton tapaus kirjoitti: wandersille vielä: en saa layereitä näkyviin siihen layer- ikkunaan...
Itsekin teen useimmin koodaamalla, varsinkin kun kyseessä on tekstilinkit, kuten esimerkissäsikin.zemex kirjoitti:Minä taidan olla hieman vanhanaikainen koodari
En ole edes tiennyt, että image readyllä voi nuo namiskat noin tehdä.
Miten image ready merkkaa nuo painikkeet sitten lopulliseen html koodiin? Tekeekö se jonkinlaisia javascript toimintoja sinne? Onko koodi tämän jälkeen validia?ImageReady on mielestäni ykköstyökalu silloin kun koko sivu muodostuu grafiikasta ja painikkeet ovat osa isompaa kokonaisuutta
Monesti voi mennä hirveäksi näpräämiseksi kun koodissa on jokin pieni ongelma.![[:/]](./images/smilies/icon_eek.gif "Pettynyt"){kind=icon}
Koodi: Valitse kaikki
<html>
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (Untitled-1) -->
<script type="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
testi_03_over = newImage("images/testi_03-over.gif");
testi_05_over = newImage("images/testi_05-over.gif");
preloadFlag = true;
}
}
// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="454" height="340" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="454" height="100" colspan="5" nowrap></td>
</tr>
<tr>
<td width="68" height="143" nowrap></td>
<td>
<a href="#"
onmouseover="changeImages('testi_03', 'images/testi_03-over.gif'); return true;"
onmouseout="changeImages('testi_03', 'images/testi_03.gif'); return true;"
onmousedown="changeImages('testi_03', 'images/testi_03-over.gif'); return true;"
onmouseup="changeImages('testi_03', 'images/testi_03-over.gif'); return true;">
<img name="testi_03" src="images/testi_03.gif" width="156" height="143" border="0" alt=""></a></td>
<td width="29" height="143" nowrap></td>
<td>
<a href="#"
onmouseover="changeImages('testi_05', 'images/testi_05-over.gif'); return true;"
onmouseout="changeImages('testi_05', 'images/testi_05.gif'); return true;"
onmousedown="changeImages('testi_05', 'images/testi_05-over.gif'); return true;"
onmouseup="changeImages('testi_05', 'images/testi_05-over.gif'); return true;">
<img name="testi_05" src="images/testi_05.gif" width="157" height="143" border="0" alt=""></a></td>
<td width="44" height="143" nowrap></td>
</tr>
<tr>
<td width="454" height="97" colspan="5" nowrap></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Täytyy heti sanoa että itselle on tuo selected vieras, eli en ole käyttänyt.toivoton tapaus kirjoitti: Kai olen ymmärtänyt oikein että selection on se joka jää näkyviin kun linkkiä on painettu? -> tämän pitäisi siis näkyä koko ajan sen jälkeenkin koska linkki näkyy uuden avautuvan layerin ulkopuolella. Ja overhan on se joka näkyy hetken kun kursori käy linkin kohdalla? Vaikka nuokin olisi väärinymmärretty niin ei sekään kyllä selitä miten kaikki ovat miten sattuu...
Onhan niitä, mutta käsittääkseni kysyjä haluaa tehdä toiminnot grafiikkana. Tai ainakin niin olen koko ajan ymmärtänyt. Kai ne grafiikan vaihtamisetkin voisi tehdä CSS:llä, mutta mielestäni alkaa mennä jo vaikeaksi.Thelenius kirjoitti:Selected taitaa tarkoittaa sitä tilaa, missä linkki on kun sitä klikataan (siis hiiren napin ollessa painettuna). Eli sen ei pitäisi jäädä näkymään.
Eikös jotain mouseover juttuja ole ihan CSSssä, ilman mitään javascriptejä?
Jos väripalkit ovat ihan yksivärisiä, niin tarvitseeko niihin erillisiä grafiikoita, vai riittäisikö taustavärin määritteleminen linkille? Rollover-efektin saa silloin tehtyä helposti määrittelemällä CSS:llä linkkien a:hover -tyylissä toisen taustavärin. Esim. kuten tällä sivulla. Taustavärin sijasta pitäisi kai voida määritellä taustakuvakin, jos yksivärinen tausta ei riitä.toivoton tapaus kirjoitti:Niin tavallaan nuo minun linkit ovat tekstiä, mutta niiden taustalla oleva väripalkki vain muuttuu eri väriseksi valintatilassa ja roll-over tilassa, eli tavallaan grafiikkaa. Millähän ne saisi sitten helpoiten ja oikeasti toimimaan... Niin ja vallinnan jälkeen väripalkin pitäisi tosiaan jäädä tekstin kanssa näkyviin, koska linkki ei vie uudelle sivulle vaan avaa vain uuden layerin.
