Avatar billede passiflora Juniormester
21. september 2015 - 23:02 Der er 4 kommentarer og
1 løsning

Onmouseover ændring af billed størrelse ...

Hej

Jeg bruger
<img src="<%=billedsti%>"  height="100" onmouseover="this.height=300;" onmouseout="this.height=100" />

Til en simpel visning af billeder i en mappe, det fungerer sådan set ganske udmærket.
Når jeg kører musen hen over et billede, så får jeg fint et større billede, med det er delvist gemt under næste linjes billeder ... og det jo ikke smart ...
Kan det mon løses sådan helt simpelt ...

Filen kan ses her ... brander.me/testvis.asp ...
Avatar billede vandrefuglen Juniormester
22. september 2015 - 10:35 #1
Du kan fx. fjerne dine 2 mouse effeker og tilføje denne linie css:

img:hover {height:300px;z-index:999;position:relative;}

<img src="<%din sti%>" height="100" />

NB: Dit header ID og header-content ID, bør laves om til classes ;-)
Avatar billede passiflora Juniormester
22. september 2015 - 10:46 #2
Tak vandrefugl ...

Prøver det lige senere ...
Classes har jeg vist aldrig prøvet med, bliver koden smidigere eller ...?
Avatar billede vandrefuglen Juniormester
22. september 2015 - 10:54 #3
Så lidt ;-)

Classes må genbruges på forskellige elementer. ID'er skal være unikke.

fx.
.header (må bruges igen og igen)
#header (må bruges én gang pr. side) <-unikt
Avatar billede passiflora Juniormester
22. september 2015 - 11:06 #4
Tak ... retter lige senere ...
Husk lige at sende et svar ... så jeg kan komme af med nogle point ..
Avatar billede vandrefuglen Juniormester
22. september 2015 - 11:31 #5
Tjek ;-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester