login  Naam:   Wachtwoord: 
Registreer je!
 Forum

img popup on hover

Offline markla - 19/12/2010 19:11 (laatste wijziging 19/12/2010 19:12)
Avatar van marklaPHP interesse Voor mijn website ben ik opzoek naar een methode
om mijn "tickets" te tonen.

Wat ik zou willen is dat er bij een " hover" een pop up komt van ± 250 width waarin de img getoond wordt.

ik heb al diverse scripts die ik op internet heb gevonden uitgeprobeerd maar niet één werkt

2e vraag Moet ik java of CSS gebruiken

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <tr>
  2. 	<td><a href="af_ticket_edit.php?id='.$record->ticketid.'"><center>edit<center></td>
  3. 	<td>'.$record->	season.'</td>
  4. 	<td>'.$record->gamedate.'</td>
  5. 	<td>'.$record->hometeam.' - '.$record->awayteam.'</td>
  6. 	<td>'.$record->ticketimg.'</td>
  7. 	[b]<td><span><img src="../img/tickets/'.$record->ticketimg.'" width="105" border="0"/></span></td>
  8. 	<td><a href="'.$record->ticketid.'">[/b]<center>delete<center></font></td>
  9. </tr>';

12 antwoorden

Gesponsorde links
Offline Koen - 19/12/2010 19:21
Avatar van Koen PHP expert Pop-up of tooltip?
Offline markla - 19/12/2010 19:25 (laatste wijziging 19/12/2010 19:25)
Avatar van markla PHP interesse nee echte pop-up van de image

tooltip heb ik en die werken

ik zit nu hiermee te testen

http://www.wickham43.net/hoverpopups.php

maar dat krijg ik niet aan de praat
Offline Aar - 19/12/2010 19:33
Avatar van Aar PHP interesse Vertel....
Offline markla - 19/12/2010 19:35 (laatste wijziging 19/12/2010 19:39)
Avatar van markla PHP interesse Als ik in de browser de code bekijk zie ik dat de CSS geladen wordt.
Maar als ik over de IMG hover...geen pop-up :-(

Plaatscode: 140388
Offline Kevin - 19/12/2010 20:35 (laatste wijziging 19/12/2010 20:38)
Avatar van Kevin Crew Ajax/REST Is toch makkelijk op te lossen met JavaScript?

Edit: http://www.hscripts.com/tutorials/html/tooltip.php
Offline markla - 19/12/2010 20:40 (laatste wijziging 19/12/2010 20:41)
Avatar van markla PHP interesse @ Kevin dat is een tooltip!
ik zoek een Image popup!

mijn vraag was ook : java script of CSS?

ik zit nu met http://www.dyna...age-viewer/

te klooien werkt behoorlijk allen ik zou de popup een maximale breedte willen meegeven

Maar als iemand iets weet/heeft wat op java o.i.d. draait!!
Offline Aar - 19/12/2010 20:42
Avatar van Aar PHP interesse Waarom op Java?
Offline markla - 19/12/2010 20:49
Avatar van markla PHP interesse Ik zou het niet weten!
Offline vinTage - 19/12/2010 22:08 (laatste wijziging 19/12/2010 22:09)
Avatar van vinTage Nieuw lid
markla schreef:
ik zit nu met http://www.dyna...age-viewer/

te klooien werkt behoorlijk allen ik zou de popup een maximale breedte willen meegeven


Je kan toch gewoon de images scalen naar de maximale breedte ?
Een image inladen van 2000 * 2000 px en 'resizen' naar 100*100 is niet slim, ten eerste wordt het distorted en ten tweede traag en kost onnodige bandwidth.


speciaal voor Aar...., het moest javaScript zijn...
Offline markla - 19/12/2010 22:20
Avatar van markla PHP interesse de foto rezisen is inderdaad een optie.

zoek ik alleen nog een CSS code om de image te centreren.
Offline vinTage - 19/12/2010 22:42
Avatar van vinTage Nieuw lid Daarvoor moet je de css aanpassen, maar dat gaat iets lastiger worden.
Middels css centreren gaat als volgt:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #idWatGecentreerdMoetWorden{
  2.     margin: 0 auto;
  3.     width:/*...verplicht...*/
  4. }


Maar als je de images allemaal verschillende afmetingen geeft (zie de /*width verplicht*/) kom je in de knoop..

Als je alle (enlarged) images dezelfde afmetingen geeft, dan is het simpel 

css code - Bekijk de code zonder highlighting - Klap code in 
  1. .thumbnail:hover span{ /*CSS for enlarged image on hover*/
  2. visibility: visible;
  3. /*geen absolute meegeven en mijn bovenstaande voorbeeldje gebruiken*/
  4.  
  5. }
Offline markla - 19/12/2010 23:17
Avatar van markla PHP interesse Oke thanks ga ik weer een avondje mee klooie :-)
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.218s