tag cloud, aber kein flash
lima-city → Forum → Die eigene Homepage → Internet Allgemein
animation
array
begriff
bewegen
browser
code
dank
effekt
frage
http
idee
maus
nutzen
pixel
realisieren
set
tag
text
url
zufall
-
hallo community,
ich bins mal wieder habe folgendes problem.. ihr kennt ja bestimmt diese flash tag clouds!? also meine die, wo die worte (wenns wirklich viele sind) so ne art kugel ergeben, die man da durch drüberfahren mit der maus in die verschiedenen richtungen bewegen kann.. hab das ganze auch als silverlight gefunden, was ich aber nicht so sehr schön finde, da ich nich so der silverlight fan bin.
meine frage / problem ist nu, gibts sowas auch als javascript? damit google dann da auch reinkommt.. wäre cool wenn ihr da ne idee hättet.. thx
Beitrag zuletzt geändert: 8.4.2010 14:36:08 von nick8719 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ja, sowas habe ich vor einigen tagen auch gesucht, mir hat eine ganz einfache Lösung gereicht. Ich hab dann dieses Script verwendet:
http://www.bytemycode.com/snippets/snippet/415/
lg konstel -
Hi,
wäre natürlich schöner, wenn die Begriffe noch per Zufall gemischt würden und nicht der Größe nach sortiert sind.
Habe den Schnipsel mal ein wenig ergänzt :-)
<?php function printTagCloud($tags) { // $tags is the array arsort($tags); $max_size = 32; // max font size in pixels $min_size = 12; // min font size in pixels // largest and smallest array values $max_qty = max(array_values($tags)); $min_qty = min(array_values($tags)); // find the range of values $spread = $max_qty - $min_qty; if ($spread == 0) { // we don't want to divide by zero $spread = 1; } // set the font-size increment $step = ($max_size - $min_size) / ($spread); $cloud = array(); // loop through the tag array foreach ($tags as $key => $value) { // calculate font-size // find the $value in excess of $min_qty // multiply by the font-size increment ($size) // and add the $min_size set above $size = round($min_size + (($value - $min_qty) * $step)); $cloud[]=array( 'fontsize' => $size, 'title' => $value, 'word' => $key ); } shuffle($cloud); $html = ''; if(!empty($cloud)) { foreach($cloud as $link) { $html .= '<a href="#" style="font-size: ' . $link['fontsize'] . 'px" title="' . $link['title'] . ' things tagged with ' . $link['word'] . '">' . $link['word'] . '</a> '; } } return $html; } $tags = array('weddings' => 32, 'birthdays' => 41, 'landscapes' => 62, 'ham' => 51, 'chicken' => 23, 'food' => 91, 'turkey' => 47, 'windows' => 82, 'apple' => 27); echo '<div style="width:200px;text-align:center;">'.printTagCloud($tags).'</div>'; ?>
-
konstel schrieb:
Ja, sowas habe ich vor einigen tagen auch gesucht, mir hat eine ganz einfache Lösung gereicht. Ich hab dann dieses Script verwendet:
http://www.bytemycode.com/snippets/snippet/415/
lg konstel
scheint mir nicht schlecht zu sein das script, aber da fehlt mir dann dieser effekt das man das mit der maus hin und her bewegen kann, halt einfach dieser flash effekt..
wobei ich mir grad überlegt hatte, man könnte das ja auch mit nem flash kombinieren.. hät da vielleicht iwer ne idee dazu? gibt ja so flash cloud maker, aber die haben alle nen branding, vll iwie ne opensource flash cloud mit source dateien, damit man das farblich und so an seine page anpassen kann..? aber auch ein danke an euch :-) -
konstel schrieb:
Also, die animation bekommst du ohne Flash eher nicht hin, aber auch so ohne bewegung ist es ganz gut...
thx an barney, das könnte mir event auch nutzen
hab da eben auch nochmal nen weilchen drüber nachgedacht wie man das realisieren könnte, aber ich glaube alleine dieses möchte gern 3d (wenn die begriffe nach hinten verschwinden und kleiner werden) wär für javascript schon zu viel.. mal ganz davon abgesehen wüsste ich jetzt nicht, wie man das mit der verkleinerung und vergrößerung der wörter machen sollte, dass die nicht von einer font size in die andere springen.. geht wohl nur mit flash / silverlight.. leider. aber trotzdem nochmal danke, und auch an barney für den zufalls mod :) -
mit javascript und canvas kann man das warscheinlich realisieren. wär dann aber nur was für html5-fähige browser
-
fchriis schrieb:
mit javascript und canvas kann man das warscheinlich realisieren. wär dann aber nur was für html5-fähige browser
dann kommt das ja leider schonma nicht in frage.. bzw erst in nen paar jahren, bis alle auf firefox oder den da aktuellesten ie umgestiegen sind. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage