Avatar billede homemicky Nybegynder
03. marts 2004 - 12:26 Der er 7 kommentarer

Tekst under billede

Hej hej

Jeg har et spørgsmål angående tekst under billede. Jeg har nogle små billeder i 40 X 40 pixel, og dem skal jeg have placeret tilfældige steder på hjemmesiden. Men når man kører henover billederne med musen skal der komme en lille tekst underneden. Jeg har prøvet at lede efter tilsvarende scripts både herinde og andre steder, men har ikke haft heldet med mig. Og dog jeg har fundet nogle lange scripts men det kan da ikke passe, at de skal være så lange. Jeg ved heller ikke, om det kunne være en bedre ide at lave det i css.

Jeg håber der er nogen der kan hjælpe mig, på forhånd tak!
Avatar billede 3xm Nybegynder
03. marts 2004 - 12:31 #1
har du et bestemt antal billeder på siderne?
Avatar billede popsy Novice
03. marts 2004 - 12:31 #2
Avatar billede homemicky Nybegynder
03. marts 2004 - 13:49 #3
jeg synes ikke at overlib lever op til mine krav. popsy

nej det er et tilfældigt antal billeder. 3xm
Avatar billede 3xm Nybegynder
03. marts 2004 - 13:59 #4
okay... men det er vel muligt at styre dem alligevel. jeg går ud fra at du sætter dem ind via asp eller php.

under hvert billede sætte du teksten i en <div> som ved billede 1 får id="b1", ved billede 2 får id="b2" osv...

så det bliver noget i stil med

<div id="b1">dette er teksten til billede 1</div>

alle disse div'er skal have style="display: none" eller style="visibility: hidden" (afhængigt af hvordan du vil have teksten skal være skjult).

i billede 1's <img>-tag sætter du

onmouseover="document.getElementById('b1').style.display = 'block'"

eller

onmouseover="document.getElementById('b1').style.display = 'visible'"

(afhængigt af hvilken af de to css-ting du har brugt)


og så også


onmouseout="document.getElementById('b1').style.display = 'none'"

eller

onmouseout="document.getElementById('b1').style.display = 'hidden'"
Avatar billede 3xm Nybegynder
03. marts 2004 - 14:01 #5
et eksempel:

<img src="billede1.png" alt="" onmouseover="document.getElementById('b1').style.display = 'block'" onmouseout="document.getElementById('b1').style.display = 'none'">
<div id="b1" style="display: none">tekst til billede 1</div>

<img src="billede2.png" alt="" onmouseover="document.getElementById('b2').style.visibility = 'visible'" onmouseout="document.getElementById('b2').style.visibility = 'hidden'">
<div id="b2" style="visibility: hidden">tekst til billede 2</div>


håber det giver mening.
Avatar billede homemicky Nybegynder
20. marts 2004 - 20:40 #6
Det nærmere sig. Jeg prøvede at sætte tabeller ind i en tabel sådan at teksten var centeret, men var ikke så heldig da den satte sig i midten hver gang med billedet.
eller vard et godt nok svaret tak
Avatar billede 3xm Nybegynder
21. marts 2004 - 14:14 #7
er det ikke bare fordi du skal have noget valign på dine <td>'er?

=)
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