Google Groups unterstützt keine neuen Usenet-Beiträge oder ‑Abos mehr. Bisherige Inhalte sind weiterhin sichtbar.

Foto mit JQuery zum Leben erwecken?

18 Aufrufe
Direkt zur ersten ungelesenen Nachricht

G.Bundschuh

ungelesen,
10.03.2013, 10:03:1610.03.13
an
Ich weiß, daß es eine Gruppe speiziell für Javascript gibt. Leider
kann ich kein Java-Script, weshalb ich etwas Fertiges suche und
wohl eher hier am Besten aufgehoben bin. Da auf meiner Webseite
ohnehin JQuery geladen wird, hatte ich die Idee, ein dort
verwendetes Hintergrundbild zum Leben zu erwecken. Konkret
handelt es sich um das Nachtpanorama einer Stadt.

Und ich fände es einen schönen Effekt, wenn da ab- und zu
die Lichter blinken. Der Betrachter soll nicht entdecken können,
wo es konkrekt blinkt, weil die Position zufällig gewählt wird,
sondern nur merken, daß sich da etwas bewegt. Ziel: Er soll sich
die Frage stellen, ob das jetzt ein statisches Bild oder doch ein
Video oder eine Liveübertragung ist.

Erst wollte ich ein anmiertes transparentes Gif drüberlegen, aber
erstens sind die Positionen der Lichter (und Sterne) dann fix und
zweitens hätte ich es schon gerne etwas professioneller.

Ich weiß, daß Blinken und Blitzen auf Webseiten so ungefähr
80-er Jahre Stil ist. Aber es soll ja auch nur ganz dezent und
unauffällig in diesem einen Bild sein und ansonsten blinkt und
blitzt auf meiner Seite gar nichts!

Wenn ich "Twinkling Stars" und "JQuery" eingebe, kommt
zwar ungefähr das, was ich suche, aber das ist völlig oversized:

<https://developer.mozilla.org/de/demos/detail/night-time>

Es soll zwar einigermaßen professionell sein, aber auch so
klein und überschaubar, daß ich es als Nicht-Java-Scriptler
überblicken und ggf. anpassen kann.

Irgendwelche Tips und Anregungen?

mfg Gerd

Arno Welzel

ungelesen,
10.03.2013, 11:57:1610.03.13
an
G.Bundschuh, 2013-03-10 15:03:

> Ich weiß, daß es eine Gruppe speiziell für Javascript gibt. Leider
> kann ich kein Java-Script, weshalb ich etwas Fertiges suche und
> wohl eher hier am Besten aufgehoben bin. Da auf meiner Webseite
> ohnehin JQuery geladen wird, hatte ich die Idee, ein dort
> verwendetes Hintergrundbild zum Leben zu erwecken. Konkret
> handelt es sich um das Nachtpanorama einer Stadt.

Au weia... "Javascript", "Java-Script"... jetzt kommt sicher bald Herr
"PointedEars" und klärt darüber auf, dass es sowas nicht gibt, weil es
offiziell "JavaScript" heisst ;-)

Und dann auch noch jQuery... das gibt sicher "nette" Kommentare ;-)

> Und ich fände es einen schönen Effekt, wenn da ab- und zu
> die Lichter blinken. Der Betrachter soll nicht entdecken können,
[...]
> Wenn ich "Twinkling Stars" und "JQuery" eingebe, kommt
> zwar ungefähr das, was ich suche, aber das ist völlig oversized:
>
> <https://developer.mozilla.org/de/demos/detail/night-time>

Wieso? Der dafür nötige Code ist doch recht überschaubar.

> Es soll zwar einigermaßen professionell sein, aber auch so
> klein und überschaubar, daß ich es als Nicht-Java-Scriptler
> überblicken und ggf. anpassen kann.

Kannst Du denn *irgendeine* Programmiersprache? Denn so ganz ohne
Programmierkenntnisse und einer groben Vorstellung davon, was da
technisch passieren soll, wird's schwierig.

> Irgendwelche Tips und Anregungen?

Überlege, was Du brauchst:

- Eine Animation für die Lichteffekte
- Eine zufällige x/y-Position innerhalb des Bildes dafür, wobei die
Grenzen die Abmessungen des Bildes sind
- Eine Logik, die das alle x Sekunden (idealerweise auch in zufälligen
Intervallen z.B. von 5-10 Sekunden) ablaufen lässt

Was Du nutzen kannst:

- Das DOM für die Manipulation von Elementen über JavaScript
- Animierte GIF-Grafiken, ggf. auch ein paar Varianten für das
"Sterneblinken"
- Die CSS-Eigenschaften für Z-Order und absolute Position für ein
Objekt, dass vor ein Bild gelegt wird



--
Arno Welzel
http://arnowelzel.de
http://de-rec-fahrrad.de

G.Bundschuh

ungelesen,
10.03.2013, 13:22:1110.03.13
an
Arno Welzel schrieb:

> Und dann auch noch jQuery... das gibt sicher "nette" Kommentare ;-)

Ähh? Gibts daran was auzusetzen?

>> Und ich fände es einen schönen Effekt, wenn da ab- und zu
>> die Lichter blinken. Der Betrachter soll nicht entdecken können,
> [...]
>> Wenn ich "Twinkling Stars" und "JQuery" eingebe, kommt
>> zwar ungefähr das, was ich suche, aber das ist völlig oversized:
>>
>> <https://developer.mozilla.org/de/demos/detail/night-time>
>
> Wieso? Der dafür nötige Code ist doch recht überschaubar.

Ich habe mal in den Zip-Ordner reingeschaut. Alleine die Anzahl der
Images hat genügt, daß ich das gleich wieder gelöscht habe. Ist mir
viel zu umfangreich. Für kleinere Lichter reicht doch ein Pixel und
für größere kann man 5 setzen ohne auch nur eine einzige Grafik
verwenden zu müssen. So habe ich mir das vorgestellt.

>> Es soll zwar einigermaßen professionell sein, aber auch so
>> klein und überschaubar, daß ich es als Nicht-Java-Scriptler
>> überblicken und ggf. anpassen kann.
>
> Kannst Du denn *irgendeine* Programmiersprache?

Ja, Pascal (Delphi).
Das ist wie mit PHP, das kann ich auch nicht, weil ich die Syntax
oder soll ich sagen die "Grammatik" nicht kann. Wenn ich den Code
aber vor mir sehe, verstehe ich es schon und weiß, wo ich drehen
muß. Nur selbst schreiben geht eben nicht.

> - Das DOM für die Manipulation von Elementen über JavaScript
> - Animierte GIF-Grafiken, ggf. auch ein paar Varianten für das
> "Sterneblinken"
> - Die CSS-Eigenschaften für Z-Order und absolute Position für ein
> Objekt, dass vor ein Bild gelegt wird

Sorry, aber ohne Vorlage bin ich damit überfordert.

mfg Gerd

G.Bundschuh

ungelesen,
10.03.2013, 13:34:0010.03.13
an
Arno Welzel schrieb:

> Au weia... "Javascript", "Java-Script"... jetzt kommt sicher bald Herr
> "PointedEars" und klärt darüber auf, dass es sowas nicht gibt, weil es
> offiziell "JavaScript" heisst ;-)

Keine Sorge, der liest meine Sachen nicht mehr, weil es ihm letztens
gestunken hat, daß mein Vorname nicht im Header steht und ich nicht
auf seine Belehrung reagiert habe. Abgesehen davon ist es mir egal,
wie man das richtig schreibt, solange jeder versteht, was ich mit
Javascript oder Java-Script meine :-Du hasts ja auch verstanden.

mfg Gerd

Arno Welzel

ungelesen,
10.03.2013, 14:07:1510.03.13
an
G.Bundschuh, 2013-03-10 18:22:

> Arno Welzel schrieb:
[...]
>> Kannst Du denn *irgendeine* Programmiersprache?
>
> Ja, Pascal (Delphi).
> Das ist wie mit PHP, das kann ich auch nicht, weil ich die Syntax
> oder soll ich sagen die "Grammatik" nicht kann. Wenn ich den Code
> aber vor mir sehe, verstehe ich es schon und wei�, wo ich drehen
> mu�. Nur selbst schreiben geht eben nicht.
>
>> - Das DOM f�r die Manipulation von Elementen �ber JavaScript
>> - Animierte GIF-Grafiken, ggf. auch ein paar Varianten f�r das
>> "Sterneblinken"
>> - Die CSS-Eigenschaften f�r Z-Order und absolute Position f�r ein
>> Objekt, dass vor ein Bild gelegt wird
>
> Sorry, aber ohne Vorlage bin ich damit �berfordert.

Ich habe mal "quick & dirty" etwas zusammengefummelt, um das Prinzip zu
verdeutlichen - ohne jQuery und sonstigen Overhead. Nur zwei Bilder und
ein HTML-Dokument mit eingebettetem JavaScript:

<http://arnowelzel.de/samples/stars.html>

Die "Blink"-Animation ist freilich ungeeignet, da m�sste man ein
transparentes GIF nehmen, das etwas "glaubw�rdiger" aussieht. Aber es
geht ja nur um das Prinzip.

Die Idee dabei: Nach einer zuf�lligen Zeitspanne zwischen 2 und 5
Sekunden wird der "Blinker" an einer ebenfalls zuf�llige Position im
Bild sichtbar positioniert und nach 3 Sekunden wieder ausgeblendet, um
dann wiederum nach 2-5 Sekunden zu erscheinen.

Wie gesagt: Das Ganze habe ich nur mal eben zusammengebaut - ohne
Anspruch auf Korrektheit oder dass sowas in jedem Browser funktioniert.
Zumindest in Firefox 19.0 und Internet Explorer 9.0 war es OK.

Volker Gringmuth

ungelesen,
10.03.2013, 14:54:5810.03.13
an
Arno Welzel wrote:

> Au weia... "Javascript", "Java-Script"... jetzt kommt sicher bald Herr
> "PointedEars" und klärt darüber auf, dass es sowas nicht gibt, weil es
> offiziell "JavaScript" heisst ;-)

Ganz richtig ist natürlich nur ECMAScript. Wen kümmern Handelsnamen.


vG

Thomas 'PointedEars' Lahn

ungelesen,
10.03.2013, 15:32:5210.03.13
an
Volker Gringmuth wrote:

> Arno Welzel wrote:
>> Au weia... "Javascript", "Java-Script"... jetzt kommt sicher bald Herr
>> "PointedEars" und klärt darüber auf, dass es sowas nicht gibt, weil es
>> offiziell "JavaScript" heisst ;-)
>
> Ganz richtig ist natürlich nur ECMAScript.

Nein, das sind zwei verschiedene paar Schuhe.

> Wen kümmern Handelsnamen.

Lesen bildet: [en] <http://PointedEars.de/es-matrix>

Sollte ich auch eine deutschsprachige Version anbieten, damit mehr Leute
begreifen, worum es hier geht?


PointedEars
--
> hoehe=screen.height; breite=screen.width;
Was hat dies mit der Fenstergröße zu tun? Genauso kannst Du fragen:
"Wie groß ist Nachbars Garage?", um zu ermitteln, wie groß wohl mein
Auto sein mag. (Georg Maaß in dcljs <ap315c$r2pon$2...@ID-3551.news.dfncis.de>)

G.Bundschuh

ungelesen,
11.03.2013, 08:46:5111.03.13
an
Arno Welzel schrieb:

> Ich habe mal "quick & dirty" etwas zusammengefummelt, um das Prinzip zu
> verdeutlichen - ohne jQuery und sonstigen Overhead. Nur zwei Bilder und
> ein HTML-Dokument mit eingebettetem JavaScript:
>
> <http://arnowelzel.de/samples/stars.html>

Vielen Dank, ich schau es mir mal an. Jedoch dachte ich an eine
Lösung, direkt die Pixel zu setzen. Ich meinte ab Html5 würde
das gehen? Doch nicht?

mfg Gerd

Arno Welzel

ungelesen,
11.03.2013, 10:22:3611.03.13
an
Am 11.03.2013 13:46, schrieb G.Bundschuh:

> Arno Welzel schrieb:
>
>> Ich habe mal "quick & dirty" etwas zusammengefummelt, um das Prinzip zu
>> verdeutlichen - ohne jQuery und sonstigen Overhead. Nur zwei Bilder und
>> ein HTML-Dokument mit eingebettetem JavaScript:
>>
>> <http://arnowelzel.de/samples/stars.html>
>
> Vielen Dank, ich schau es mir mal an. Jedoch dachte ich an eine
> L�sung, direkt die Pixel zu setzen. Ich meinte ab Html5 w�rde
> das gehen? Doch nicht?

Doch, das geht in HTML5 auch. Dann braucht man aber ein Canvas-Element,
in das man mit JavaScript direkt reinmalen kann. Wenn's nicht so eilig
ist, kann ich im Laufe der Woche mal was bauen.

G.Bundschuh

ungelesen,
11.03.2013, 11:10:4711.03.13
an
Arno Welzel schrieb:

> Doch, das geht in HTML5 auch. Dann braucht man aber ein
> Canvas-Element, in das man mit JavaScript direkt reinmalen
> kann. Wenn's nicht so eilig ist, kann ich im Laufe der Woche
> mal was bauen.

Mach Dir bitte wegen mir keine Umst�nde! Und das sag ich
nicht nur, sondern meine ich auch: Also bitte keinen Stre�.

mfg Gerd

Thomas Braun

ungelesen,
12.03.2013, 04:46:1212.03.13
an
G.Bundschuh wrote:


> Abgesehen davon ist es mir egal, wie man das richtig schreibt, solange
> jeder versteht, was ich mit Javascript oder Java-Script meine

Laut der Logik des Spitzohrs versteht dich niemand wenn du nicht genau
hinschreibst welche konkrete Implementation du jetzt meinst.

Er ignoriert die Fakten - das es in den meisten Fällen nämlich irrelevant
ist um welche ECMAScript-Implementation es sich genau handelt.

Jeder normale Mensch fragt im Zweifelsfall freundlich nach - Spitzohr
dagegen erhebt die Ausnahme zur Regel und belehrt jeden das es *immer*
relevant ist.

Thomas

Jens Meister

ungelesen,
13.03.2013, 18:39:1313.03.13
an


"Thomas 'PointedEars' Lahn" schrieb im Newsbeitrag

> Sollte ich auch eine deutschsprachige Version anbieten,
> damit mehr Leute begreifen, worum es hier geht?

Dies bietet sich an, als Zentrum der Erde.

Karsten Düsterloh

ungelesen,
14.03.2013, 18:33:1314.03.13
an
Jens Meister aber hob zu reden an und schrieb:
Von PointedEarth war nicht die Rede. ;-)


Karsten
--
Freiheit stirbt | Fsayannes SF&F-Bibliothek:
Mit Sicherheit | http://fsayanne.tprac.de/

Thomas 'PointedEars' Lahn

ungelesen,
15.03.2013, 13:16:5915.03.13
an
Jens Meister <jensm...@web.de> wrote:

> […]

| This message was created automatically by mail delivery software.
|
| A message that you sent could not be delivered to one or more of
| its recipients. This is a permanent error. The following address
| failed:
|
| "jensm...@web.de":
| SMTP error from remote server after RCPT command:
| host: mx-ha02.web.de
| Requested action not taken: mailbox unavailable

<http://news.individual.de/rules.php>

Jens Meister

ungelesen,
18.03.2013, 04:49:3718.03.13
an

"Thomas 'PointedEars' Lahn" schrieb

> […]
> <http://news.individual.de/rules.php>

Hast du wieder etwas Feines aufgedeckt, Sherlock.

Thomas 'PointedEars' Lahn

ungelesen,
18.03.2013, 05:44:4818.03.13
an
Da Dein Absender noch immer ungültig ist (und wir das deshalb noch immer
nicht per E-Mail klären können, wie ich es vorhatte):

Darf ich das so verstehen, dass Du beabsichtigst, weiterhin die
Nutzungsregeln Deiner Provider, sowie die Regeln des guten Benehmens zu
verletzen?

X-Post & F'up2 de.admin.net-abuse.news


PointedEars
--
Wenn Dein Browser apply nicht kennt, dann mußt Du den Browser wechseln.
Man kann den Appendix nicht mit dem Bulldozer operieren und sich dann
über ausgefranzte Narben beklagen, obwohl bekannt ist, daß dafür
chirurgisches Besteck erforderlich ist. -- Georg Maaß in dcljs

Jens Meister

ungelesen,
18.03.2013, 06:29:4618.03.13
an

"Thomas 'PointedEars' Lahn" schrieb

> und wir das deshalb noch immer nicht per E-Mail klären
> können, wie ich es vorhatte.

"das" was`?
Es gibt per Email zu klären, ob du das Zentrum der Erde
bist? Faszinierend!


Arno Welzel

ungelesen,
18.03.2013, 06:52:1918.03.13
an
Wenn Du schon keinen Kontakt via E-Mail haben willst, sei doch so nett
und verwende <inv...@invalid.invalid> als Absenderadresse. Dann ist
wenigstens klar, dass die Adresse ungültig ist und E-Mail nicht
erwünscht ist.

Jens Meister

ungelesen,
18.03.2013, 06:55:4918.03.13
an


"Arno Welzel" schrieb

> Wenn Du schon keinen Kontakt via E-Mail haben willst, sei doch so nett und
> verwende <inv...@invalid.invalid> als Absenderadresse.

Ok, erledigt, danke.

Grüße
Jens

Thomas 'PointedEars' Lahn

ungelesen,
18.03.2013, 07:01:3818.03.13
an
Dein F'up verbunden mit Deiner erneuten Adressfäclhsung und Ignorieren
meines F'up2 werte ich als „Ja“ als Antwort auf meine Frage. Deine Provider
wurden entsprechend informiert.

Angenehmes Restleben noch.


X-Post & F'up2 de.admin.net-abuse.news

PointedEars
--
> [Stehlen von Links durch Manipulation der Statuszeile verhindern]
Vielleicht solltest du in diesem Fall dir das Ganze mit dem WWW noch mal
überlegen und statt dessen Landschaftsgärtner, Busfahrer oder so was
ähnliches werden. (Philip Steffan in dcljs <3DD3FEC7...@lunique.de>)

Arno Welzel

ungelesen,
18.03.2013, 07:17:2418.03.13
an
Danke.

JFTR - das entspricht auch den Ausführungen in Punkt 5.3 der FAQ von
individual.de (<http://news.individual.de/faq.php#5.3>).

Karsten Düsterloh

ungelesen,
19.03.2013, 17:22:1119.03.13
an
Arno Welzel aber hob zu reden an und schrieb:
> Wenn Du schon keinen Kontakt via E-Mail haben willst, sei doch so nett
> und verwende <inv...@invalid.invalid> als Absenderadresse. Dann ist
> wenigstens klar, dass die Adresse ungültig ist und E-Mail nicht
> erwünscht ist

… und viele es dann auch direkt automatisch wegfiltern. ;-)
0 neue Nachrichten