mouseover på knapper

[Smidt]

holder for tiden på med nytt design på hjemmesiden og vil ha litt variasjon fra de vanlige tekst knappene i menyen.

har derfor tenkt å lage en knapp i photoshop, men jeg vi jo selvfølgelig ha en mouseover på denne, hvordan fikser jeg dette?

er det et alternativ å lage grafikken i photoshop importere denne til fireworks for å lage mouseover der? virket litt tungvint.. forslag noen

[enden]

Si meg, lager du hjemmesidene dine i ps?

[Smidt]

nei, lurte bare på om det var mulig å lage knappene der.

 

lager siden med notepad og dreamwaver.

[enden]

lag knappene i ps, og bruk html onmouseover og onmouseout til å bytte på bilder. Enkelt og greit

[Smidt]

aha, lager to forskjellige bilder i PS, koder slik at den bruker det ene bilde når musen ikke er over, og et annet til mouseover?

[enden]

nettopp

eksempel på disjointed rollover

Endret 29. november 2003 av enden

[Smidt]

takk takk!! et lys har gått opp

 

tror jeg kanskje sakl fikse et preload script så det ikke blir forsinkelser ved mouseoveren. noen som har et?

[enden]

takk takk!! et lys har gått opp

 

tror jeg kanskje sakl fikse et preload script så det ikke blir forsinkelser ved mouseoveren. noen som har et?

3wschools er din venn

[Smidt]

3wschools er din venn

takk takk enden.

 

google og 3wschools

[Marvil]

Hm. Hva er et preloadscript..? Så på den linken, men skjønte ikke så mye..

[FuLu]

Hvis du vil at en knapp skal ha hover effekt selv om javascript er skrudd av, så bruk CSS og ikke onmouseover. Du kan bruke A elementet og sette background-image, width&height lik bildet osv. Men det kreves at den er display: block; Så vil kanskje ikke funke for alle dine formål?

 

a {
   background: url(knapp_ikke_hover) transparent no-repeat top left;
   color: #000000;
   display: block;
   height: 50px;
   width: 100px;
}

a:hover {
   background: url(knapp_hover) transparent no-repeat top left;
   color: #000000;
}

 

Men hvis det f.eks er en meny på toppen, så kan du jo bruke position: absolute; og plassere dem med top og left. Eller hvis det er en meny på siden hvor knappene skal komme under hverandre, så er jo block helt greit, for de vil komme under hverandre automatisk. Eller så kan man bruke float: left e.l. for å få dem ved siden av hverandre The options are many.

[enden]

Hm. Hva er et preloadscript..? Så på den linken, men skjønte ikke så mye.. 

Cluet er at det lille scriptet lager et bildeelement og laster inn bildet i det elementet. Dette krever seff at bildet må hentes, og da ligger det i minnet. Siden scriptet ligger i head uten å være en funksjon vil det kjøres automatisk før resten av siden lastes. Når du kommer til bruken av bildet i body vil nettleseren vite at bildet allerede ligger lokalt, og vil hente det derfra i stedet for å laste det ned.

 

Preload må brukes med omhu. Hvis du laster mange store bilder vil den første siden bli "utrolig" treg. Da bør du implementere en loadbar i tillenn (orker ikke gå inn på dette her)

 

Er du klokere nå?

 

FuLu, det blir himla mye jobb hvis det er mange elementer som skal ha rollovers, men man slipper jo å tenke på javascriptstøtte. Personlig bruker jeg mye scripts og nekter folk adgang til siden min hvis de ikke har aktvert dette. I de fleste tilfeller idag er js eksplisitt deaktivert hvis det ikke støttes. Folk so deaktiverer js vet at det begreneser nettleseren deres og at de må ta konsekvensene av dette. Derfor ser jeg ikke på det som noe problem

Endret 29. november 2003 av enden

[PoleCat]

Tror faktisk Image Ready fikser hele koden for deg.

Nå er jeg ingen kodeguru, så hvor brukbar koden blir må du ikke spørre meg om.

Men det skal gå an.

[Smidt]

takk alle sammen. tenkte spesielt på menyen på din side PoleCat. skal selvfølgelig ikke kopiere, men synes den var stilig. vet ikke hva du har brukt, men det var stilig

[PoleCat]

Hehe. Ja sånn går det når man bruker FrontPage folkens.

Menyen er laget i PhotoShop, kodinga av frontpage.

[FuLu]

Enden: Tjo tja, blir kanskje litt mer jobb, men blir for det meste copy&paste i css koden Ellers det med JS, i IE skrur jeg av det på alle sider untatt de jeg vet er ok, ellers bruker jeg for det meste Firebird, og der er JS aktivert, og vil ikke by på meg noe problemer. Men kommer jo og an på hvem som skal se siden, er det bare venner eller kjente, så er det kanskje samme om det er JS, men til generelt bruk, hvor målgruppen er forhåpenligvis flest mulig, så er det kanskje dumt å låse seg på JS til bruk av visuelle effekter.

[enden]

Skammer meg over deg PoleCat...

FuLu: der er vi bare uenige Skjønner poenget ditt, men da faller du i den gruppen jeg mener kan for det selv