login  Naam:   Wachtwoord: 
Registreer je!
 Forum

rating (sterretjes) weergeven

Offline Behemutant - 24/07/2008 00:17
Avatar van BehemutantNieuw lid Beste,

Ik laat mensen op mijn site stemmen.
Ik reken het dan uit als:

Uitkomst / aantal stemmen * 2.
(rating 1 tot 5).

Bijvoorbeeld 10 mensen stemmen, en het
totaal is 48 punten, dan komt dit overeen met
een 9,8 zeg maar.

Nu wil ik daarvoor sterretjes laten zien, hoe kan ik
dit het beste doen?

  1. <?php <?php echo '<img src="images/stars.gif" width="'.$resultaat[0].'%"> ?>

5 antwoorden

Gesponsorde links
Offline MothZone - 24/07/2008 01:12
Avatar van MothZone PHP ver gevorderde Persoonlijk zou ik voor zoiets gaan, maar het blijft je eigen keus:
  1. <?php
  2. $score = 9.8;
  3. $breedte = 20 * $score;
  4. ?>
  5. <div style="background: images/stars.gif repeat-x; width: <?=$breedte?>px; height: 20px;"></div>

Ik heb hier rekening gehouden met sterren van 20*20px
Offline nemesiskoen - 24/07/2008 11:52 (laatste wijziging 24/07/2008 12:06)
Avatar van nemesiskoen Gouden medaille

PHP expert
ik zou twee layers pakken: 1 met lege sterretjes en een met volle sterretjes. Die met lege altijd laten zien en dan die volle erover zetten voor het aantal procent het heeft gescoord. Zo kan je ook halve sterretjes hebben enzo, a la youtube.
Offline Behemutant - 25/07/2008 12:16
Avatar van Behemutant Nieuw lid twee layers?.... en hoe doe ik dat haha ?
Offline Pieter - 25/07/2008 12:29
Avatar van Pieter Gouden medaille

SEO guru
Je neemt een layer met volle sterretjes die je bovenop de lege sterretjesafbeelding zet. Die layer zijn breedte pas je dan aan naargelang het aantal punten. (zoals mothzone al schreef hierboven)
Offline MothZone - 25/07/2008 15:17
Avatar van MothZone PHP ver gevorderde Heb de code wat aangepast zodat je 2 layers hebt
  1. <?php
  2. $score = 9.8;
  3. $breedte = 20 * $score;
  4. ?>
  5. <div style="background: images/stars_leeg.gif repeat-x; width: 200px; height: 20px;">
  6. <div style="background: images/stars.gif repeat-x; width: <?=$breedte?>px; height: 20px;"></div>
  7. </div>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.201s