Gå til innhold

[Løst]Bildevisning - Få bildet stort ved musmarkering?


Anbefalte innlegg

Heisann!

Driver med en skoleoppgave der vi, blant annet, blir bedt om å lage en side med bilder.

 

Jeg har tre bilder i en tabell a la dette:

 

bilde  bilde
  bilde

 

Altså, 2 tabeller á 1*3, med bildene fordelt slik. (Det nedeerste bildet er midtstlt, mens de to øverste er venstre og høyrestilt)

 

Det jeg vil frem til er en måte å kunne holde musepeker over et bilde, slik at en fullversjon av bilde vises over hele tabellen (som ligger i en divisjon). Jeg får det ikke til i en liste (bilde hvises fra der originalen er, ikke top left), men ikke i det hele tatt i en tabell, som jeg heller vil at skal fungere.

Alle bildene er like store (960*800, liten versjon er 315*263). Divisjonen (visningsområdet) er 960*960

 

Hyggelig hvis noen kunne gitt et hint eller tre, men ikke last opp hele løsninger, da dette er en innlevering, og jeg ikke vil stryke ;)

 

EDIT: Er forresten bare lov med HTML og CSS (altså ikke JavaScript). Besvarelsen er i HTML 5 :)

 

EDIT 2: Løste det med å sløyfe tabell, og med en postition: absolute i øvre venstre hjørnet :) Så da kan forsåvidt dette emnet slettes

Endret av King_of_Universe
Lenke til kommentar
Videoannonse
Annonse

Heisann!

Driver med en skoleoppgave der vi, blant annet, blir bedt om å lage en side med bilder.

 

Jeg har tre bilder i en tabell a la dette:

 

bilde  bilde
  bilde

 

Altså, 2 tabeller á 1*3, med bildene fordelt slik. (Det nedeerste bildet er midtstlt, mens de to øverste er venstre og høyrestilt)

 

Det jeg vil frem til er en måte å kunne holde musepeker over et bilde, slik at en fullversjon av bilde vises over hele tabellen (som ligger i en divisjon). Jeg får det ikke til i en liste (bilde hvises fra der originalen er, ikke top left), men ikke i det hele tatt i en tabell, som jeg heller vil at skal fungere.

Alle bildene er like store (960*800, liten versjon er 315*263). Divisjonen (visningsområdet) er 960*960

 

Hyggelig hvis noen kunne gitt et hint eller tre, men ikke last opp hele løsninger, da dette er en innlevering, og jeg ikke vil stryke ;)

 

EDIT: Er forresten bare lov med HTML og CSS (altså ikke JavaScript). Besvarelsen er i HTML 5 :)

 

EDIT 2: Løste det med å sløyfe tabell, og med en postition: absolute i øvre venstre hjørnet :) Så da kan forsåvidt dette emnet slettes

 

Legg heller på [Løst] i tittelen.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...