|
| billedeskift ved museover Fra : james25 | Vist : 1028 gange 100 point Dato : 24-06-09 01:55 |
|
Hey !
Er det muligt at have et billede, som skifter ved en museover aktion til et andet billede.
Billedet skal hele tiden kunne aktiveres som et link ved at klikke på det pågældende billede... ?
Det skal naturligvis være i HTML kode (Myspace).
| |
| Kommentar Fra : natmaden |
Dato : 24-06-09 04:15 |
|
I kun html... nej det mener jeg ikke .
Der skal noget javascript med.
Må man det på myspace ?
| |
| Accepteret svar Fra : molokyle | Modtaget 100 point Dato : 24-06-09 10:01 |
| | |
| Kommentar Fra : molokyle |
Dato : 24-06-09 10:20 |
|
Ps. Koden validerer efter webstandarden XHTML 1.0 strict DTD og vises korrekt i:
1.) IE
2.) Firefox
3.) Opera
4.) Netscape
5.) Safari (PC)
6.) Google Chrome
</MOLOKYLE>
| |
| Kommentar Fra : Manse9933 |
Dato : 24-06-09 10:47 |
| | |
| Kommentar Fra : james25 |
Dato : 24-06-09 12:05 |
|
Jamen det er lige det jeg skal bruge... Hvor finder jeg koderne ?
| |
| Kommentar Fra : Manse9933 |
Dato : 24-06-09 12:14 |
| | |
| Kommentar Fra : Manse9933 |
Dato : 24-06-09 12:29 |
| | |
| Kommentar Fra : james25 |
Dato : 24-06-09 14:43 |
|
Jeg kan godt se det virker men lige så snart jeg retter i koderne og indsætter mine egne billeder så går det galt. Nogen der har en mere pædagogisk gennemgang af den ellers perfekte html kode.
Jeg er ikke super hjemme i HTML koder !
| |
| Godkendelse af svar Fra : james25 |
Dato : 24-06-09 15:14 |
|
Så virkede det... Tak for hjælpen for denne gang !
| |
| Kommentar Fra : molokyle |
Dato : 24-06-09 16:04 |
| | |
| Kommentar Fra : molokyle |
Dato : 24-06-09 16:53 |
|
Flikkede lige en mere 'simpel' løsning sammen...
Denne bygger på CSS bagrundsbilleder og box-modellen:
http://www.cssboxing.com/temp/simpleimagemouseoverlink.html
Koden udnytter, at <span> .. </span> markøren som standard er defineret in-line, hvorfor den validerer, indlejret i in-line anchor markøren <a> .. </a> , ..korrekt; i forhold til webstandearderne som defineret af htttp:// www.w3.org/
</MOLOKYLE>
| |
| Kommentar Fra : molokyle |
Dato : 25-06-09 09:05 |
|
Pps. Fordelen ved løsning 2 (simpleimagemouseoverlink) er, at man nu samtidig kan få vist en 'forklarende' mouseover tekst vha. title="..." parameteren til anchor markøren <a> ... </a>
Af en eller anden grund virker dette nemlig ikke i den første version (imagemouseoverlink)
</MOLOKYLE>
| |
| Kommentar Fra : Manse9933 |
Dato : 25-06-09 09:48 |
|
Billede mouse over txt er da nok ik,på den gamle stod der da julie?
Lavet om så den validerer og viser mouse over i FF
http://manse9933.dk/test_info/julie/
skiftet doc til
XHTML 1.0 Transitional
| |
| Kommentar Fra : Manse9933 |
Dato : 25-06-09 09:55 |
| | |
| Kommentar Fra : Manse9933 |
Dato : 25-06-09 10:06 |
|
forresten a title Bruges da kun til links uden billede
<a href=" http://manse9933.dk/" title="Julie Billede 1" />a title Bruges da kun til links uden billede</a>
| |
| Kommentar Fra : molokyle |
Dato : 27-06-09 09:06 |
|
Manse9933 -> title parameteren i anchor markører bruges altså også til andet end tekstlinks.
Jf. W3.org :
Citat 12.1.4 Link titles
The title attribute may be set for both A and LINK to add information about the nature of a link. This information may be spoken by a user agent, rendered as a tool tip, cause a change in cursor image, etc. |
Som du kan læse, benyttes 'title' informationen bl.a. af skærmlæsere. Netop til billedlink er parameteren en nyttig hjælp/information til folk med synshandicap, som af indlysende grunde ikke kan se linkbillederne. Man kunne i et billedlink <img ../> vælge, at benytte alt parameteren til det samme, men det er semantisk noget rod, at angive information om et link i et billede. Informationen i en billedmarkør bør give information om billedet ...IKKE om linket, hvori billedet er indsat
Til gengæld var det nyt for mig at, parameteren title også er implementeret for <img .. /> markøren
</MOLOKYLE>
| |
| Kommentar Fra : molokyle |
Dato : 27-06-09 16:44 |
|
..nåeh ..nå; men det er altså FF's definition ....ikke en standard-compliant 'ting'
alt er en "Required Attribute" (=tvungen parameter) for, at IMG markøren validerer korrekt. title er derimod en "Standard Attribute" (=valgfri standard) !
Om title parameterens tekstinhold/-information vises i en standard browser eller ej, er i og for sig fuldkommen ligegyldigt, når det kommer til WAI anbefalingerne:
http://www.w3.org/WAI/
</MOLOKLYLE>
| |
| Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|