mouse over

Status
Niet open voor verdere reacties.

Moviezzz

Gebruiker
Lid geworden
12 feb 2010
Berichten
8
Hallo allemaal

Misschien weet 1 van jullie hoe ik het volgende kan oplossen.

Op mijn site maak ik gebruik van afbeeldingen, ik wil nu graag dat alls men op de afbeelding staat met de aanwijzer dat er dan een tekst verschijnd.
De afbeelding is meteen ook een altlink.

Hier een voorbeeld zoals het nu is:

print "<td class=nav_site onMouseOver=javascript:this.style.background='#111111'; onMouseOut=this.style.background=''; onClick=location.href='/index.php'><a class=altlink_white href=/index.php><font color=white><center><img src=pic/site/start.png border=0></center></font></a></td>";

Ik wil het dus zo hebben: afbeelding bij mouse over geeft tekst, en bij aanklikken gaat hij naar de link.
Kom er alleen niet uit, dus bij deze graag jullie ervaring.
Moviezzz
 
Dit is meer php
print "<td class=nav_site onMouseOver=javascript:this.style.background='#111111'; onMouseOut=this.style.background=''; onClick=location.href='/index.php'><a class=altlink_white href=/index.php><font color=white><center><img src=pic/site/start.png border=0></center></font></a></td>";
dit moet het worden
PHP:
<td class="nav_site" onMouseOver="javascript:this.style.background='#111111';" onMouseOut="this.style.background=''; onClick="location.href='/index.php'">
<a class="altlink_white" href="/index.php"><font color="white"><center><img src="pic/site/start.png" border=0></center></font></a></td>
om cotes er in te krijgen moet je slachen /" zal dan niet als php geintrpreteert worden
maar je kan het ook doen met concatenatie "string1".'uw char tussen enkele cotes'."string3" in uw geval doen we het anders daar er geen dynamisch content in zit wordt het uit php lopen
PHP:
 ?>
<td class="nav_site" onMouseOver="javascript:this.style.background='#111111';" onMouseOut="this.style.background=''; onClick="location.href='/index.php'">
<a class="altlink_white" href="/index.php"><font color="white"><center><img src="pic/site/start.png" border=0></center></font></a></td>
<?
 
Bedankt voor de uitleg wil alleen graag weten waar ik dan de tekst "Start" neerzet als ik met de aanwijzer op de img kom.

Moviezzz
 
Zou graag wat uitleg willen hebben wat je hiermee bedoelt

Moviezzz
 
Okay, dit gaat een beetje de verkeerde kant op. Dit is het idee: een nette tooltip bij plaatjes.

Nu, mocht je extreem flashy dingen willen, moet je eens naar 'css tooltips' gaan google'n. Als je iets simpels wilt, kan je het 'title' attribuut gebruiken:
HTML:
<img src='eenplaatje.png'
     title='dit zie je als je er met je muis over gaat'
     alt='uitleg van plaatje' />


:thumb:
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan