bild aufseite

[!.x.Jack.x.!]

Hallo ich wollt fragen wie man das macht

z.B diese spinnenbild auf http://www.habbonet.de von jeder aktualisrung immer wo anderes kommt und wieder verschwindet sry für mein deutsch

ich brauch den code

[WhispR]

frag ob du ihn bekommst

[!.x.Jack.x.!]

Das ist doch nur ein normaler Htm code, die geben es net

[Ingo]

Hi. Das Bild ist 'normal' eingebunden mit

Code: Alles auswählen

<img src="http://habbonet.de/uploads/images/spinne.gif"
     alt="HabboNet - Happy HabboWeen"
   style="position:absolute; right:918px; bottom:185px">

Die Angaben für right/bottom werden -vermute ich mal- bei jedem Seitenaufruf zufällig
neu gesetzt (in php kein großes Problem, geht aber auch per Javascript).

Das Bild selbst ist ein animiertes GIF aus 33 Einzelbildern mit der Bildfolge:
Bild ganz transparent (unsichtbar)
-> Spinne wird allmählich eingeblendet
-> Spinne bleibt ein paar Sekunden
-> Spinne wird ausgeblendet
-> Bild ganz transparent
Das Bild ist also immer da, man sieht es bloß die meiste Zeit nicht, weil es dann transparent ist.

[!.x.Jack.x.!]

und der ganze code mit php?

[Manuel]

Mit php musst du dir dann eigentlich nur noch eine Zufallsposition generieren.

Schau dir dazu bitte mal dieses Tutorial zu Zufallsvariablen an.

Lg,
Manuel

[Ingo]

Wenn man right/bottom u.ä. setzt, gibt's ne Kleinigkeit, über die ich früher
einige Male gestolpert bin: man muss eine Einheit angeben, z.B. 'px'.
Vergißt man das, ignoriert der Browser die right/bottom-Angaben. Arbeitsversion:

Code: Alles auswählen

<?php
srand((double) microtime()*10000000);        // Zufallsgenerator initialisieren
$rechts = rand(100,800);                     // Abstand vom rechten Rand 100..800
$unten  = rand(100,600);                     // dito für unteren Rand

echo '<img src="spinne.gif" alt="" style="position:absolute;
       right:'.$rechts.'px; bottom:'.$unten.'px;" />';     // 'px' nicht vergessen!
?>


[veNom]

Ich habe den Thread nur mal so Überflogen aber wenn ich schon einen PHP Code schreibe kann ich es auch gleich so machen das, dass Bild dann komplett entfernt wird und nicht mehr auf der Seite vorhanden ist.

Würde ich bevorzugen...

[Ingo]

Aber sicher geht sowas noch viel eleganter, 'professioneller', schööööööner ...

Aber ein Bild (img-Tag) nach x Sekunden ganz verschwinden zu lassen, geht alleine mit
php wohl nicht, da müsste schon clientseitig ein Skript nachhelfen (display:none oder
removeChild) oder ein Flash oder ... . Das wäre aber (a) nicht so wie in Manuels Tutorial
bzw. auf habbonet und (b) aufwendiger, was ich an dieser Stelle vermeiden wollte.

[veNom]

Warum denn nicht?

Ich kann PHP zeitliche Anweisungen erteilen, das er nach nach 2 sec das Bild anzeigen soll, sprich "display:block" und je nach dem wie lange die "Animation" dauert, nach (nur ein Beispiel) 10sec wieder entfernen mit "display:none".

Einfach eine Variable wie du es bei den Positionsangaben geacht hast bei "display" setzen und mit den PHP Script auslesen...

Sollte doch durch wenig aufwand möglich sein?!

Sry falls ich totale scheisse laber...

[Ingo]

Aso, du meinst so 'ne Art häppchenweise Auslieferung? :
sleep(2); echo ... style="display:inline"
sleep(10); echo ... style="display:none" ... so ungefähr?
(oder steh ich jetzt auf'm Schlauch?)
Hm, interessant, das probier ich heute abend mal aus.
(Ob Jack noch an Bord ist? )

[veNom]

Naja wir versuchen hier ja schließlich eine Lösung für Ihn zu finden ich hoffe er versteht noch was wir reden, ich habe eigentlich versucht es so einfach wie mir möglich zu beschreiben, aber ich denke das dieses Script eine Arbeit von 5 Minuten für einen Erfahrerenen Coder ist.

[=Max=]

Er wird wohl kaum noch da sein. Eigentlich hat er zu mir (ein ehemaliger Kumpel ist Jack) zu mir gesagt das er nie wieder online kommt. Als ich hier den Beitrag gelesen habe, habe ich ihm eine PM geschrieben warum er denn wieder online kommt. Als Antwort habe ich lediglich eine Beschimpfung bekommen

Tja... Schade eigentlich.

B²T:

Also bei mir gehts eigentlich:

http://www.habbo-fans.de/projekt1.php

Damit meine ich dieses Script:

<?php
srand((double) microtime()*10000000); // Zufallsgenerator initialisieren
$rechts = rand(100,800); // Abstand vom rechten Rand 100..800
$unten = rand(100,600); // dito für unteren Rand

echo '<img src="spinne.gif" alt="" style="position:absolute;
right:'.$rechts.'px; bottom:'.$unten.'px;" />'; // 'px' nicht vergessen!
?>

[Basti]

Ja, ich behaupte auch, dass es mit PHP nicht geht, das Bild nach einer bestimmten Zeit zu entfernen, selbst mit Cache nicht.
Was einmal ausgegeben wurde, kann auch nicht mehr so einfach verändert werden, höchstens wenn man die Seite neu lädt, was hier aber ziemlich unschön wäre.

Deshalb bleibt eigentlich nur die Lösung über JavaScript oder vielleicht auch AJAX, falls es eben notwendig ist. Aber die transparente GIF-Grafik ist ja auch kein Problem

[Ingo]

Der Vollständigkeit halber: Ich hab ein bisschen 'rumprobiert. Ergebnis: Wie Basti sagt:
Mit PHP alleine ist das 'grenzwertig'. Es kommt in der Tat auf Puffer/Cache-Verhalten an.
Den Code poste ich lieber nicht - der ist einfach nix für die freie Wildbahn