/ Forside/ Teknologi / Udvikling / HTML / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
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

Joeh... mon ik'?
Med lidt CSS kan det kunne lade sig gøre UDEN Javascript !!!
Teknikken illustreres med dette eksempel:

http://www.cssboxing.com/temp/imagemouseoverlink.html

</MOLOKYLE>


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

Legede lidt med dine koder,Molo
http://manse9933.dk/test_info/julie/



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:13

Højreklik på siden>vis kilde

Kommentar
Fra : Manse9933


Dato : 24-06-09 12:14

uden for billede området

Kommentar
Fra : Manse9933


Dato : 24-06-09 12:29

Du kan også hente julie her
http://manse9933.dk/test_info/julie/julie.zip
så kan du selv lege med hende

Husk at hvis du kan bruge det så er det Molo du skal give point's.

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

james25 -> Tillykke !
(Du er ALTID velkommen til at spørge. Påængårnø er ikke væsentlige )
Manse9933 -> http://www.kandu.dk/spg137341.aspx#1570952
Lad stå...
Den røg lige i : 'Foretrukne'
</MOLOKYLE>




Kommentar
Fra : molokyle


Dato : 24-06-09 16:11

..og ind i den 'lokale' (kode-)samling ..med 'Julie' og det hele

</MOLOKYLE>

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 : 24-06-09 16:56

..med forbehold for stavefejl

</MOLOKYLE>

Kommentar
Fra : Manse9933


Dato : 24-06-09 20:19

Fint,jeg havde koderne liggende i min samling i forvejen også med billede links i selve css koden,men din skulle der lige leges med

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

og fjernet a link title

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 : Manse9933


Dato : 25-06-09 10:13

man skal bare huske at mous over kun vises i nr 2 billede (bag billede)det kan ikke nås at vises på billede 1 af naturlige årsager

Kommentar
Fra : molokyle


Dato : 25-06-09 15:39

Nåeh...Manse9933 er kom'n på arbejd' ???

..og så: XHTML 1.0 TRANSITIONAL DTD



</MOLOKYLE>



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 : Manse9933


Dato : 27-06-09 09:17

Citat
Til gengæld var det nyt for mig at, parameteren title også er implementeret for <img .. /> markøren


Kun fordi at uden alt="" validerer XHTML ikke og title er der kun for at man kan se mouse over i FF.

Kommentar
Fra : Manse9933


Dato : 27-06-09 09:17

uden title vises mouse over ikke i FF

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.
Søg
Reklame
Statistik
Spørgsmål : 177551
Tips : 31968
Nyheder : 719565
Indlæg : 6408825
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste