Nån som har något bra förslag till hur man skapar en effekt på en bild för att skapa en snygg knapp effekt eller dylikt?
bild (href) effekt
7 svar · 484 visningar · startad av stompes
javascript eller CSS-a:hover. Beros på om du ska ha det i en meny eller vanligt. skickar länk lite senare till nån guide
http://particletree.com/features/rediscovering-the-button-element/ har en intressant artikel och deras resultat är något i stil med:
.buttons a{
display:block;
float:left;
margin:0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:100%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
padding:5px 10px 6px 7px; /* Links */
}
.buttons a:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}
.buttons a:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
:birp enkelt och snyggt=)
JAvascriptkoden för att byta bilden kan du hitta i källkoden för http://www.mphotograph.gurkean.com/ (som jaghar kodat). Hursomhelst är den itne 100% bra i ochmed att det dröjer enhalvsekund innan bilden byts ibland. Har inte hittat nån lsning - elelr ja har inte sökt så noga.
INgen som vet nåt javascript som "byter" plats på bilden elelr nåt sånt? för i menyn på min css på gurkean.com har jag en en bakgrundsild med "två knappar" bredvid varann som bara byter plats vid hover - alltså ingen märkbar tidsfördröjing.
kan du ju göra med CSS symbolism. ändra bara background position på den med hjälp av hover.
jomen bilderna ska ju vara klickbara? det är två bilder som byts ut.
jag skickar ett PM till dig.. hör inte till denna tråd direkt :P
:birp