Forum: www.mikrocontroller.net SVG-Grafiken im Wiki


von Johann L. (gjlayde) Benutzerseite


Lesenswert?

Im Wiki eingebundene SVG-Grafiken lassen sich nicht anclicken und 
vergrößern, bzw. irgendein JavaScript scheint sich aufzuhängen. 
Beobachtet unter Opera und FireFox.

Beispiel: Die SVG-Grafik in Bebilderung: Click auf die Grafik und 
Loading... lädt sich den Wolf.

Warum wird eigentlich so ein JavaScript dingens aufgerufen anstatt auf 
die Bildseite zu verlinken?

· Auf der Bildseite sind u.U weitere Informationen
· Die gewohnte Navigation würde funktionieren: Mit dem JS geht die
  Grafik auf, aber mit "Zurück" wird die Seite verlassen. Das ist
  sehr gewöhnungsbedürftig!

von Läubi .. (laeubi) Benutzerseite


Lesenswert?

Johann L. schrieb:
> Warum wird eigentlich so ein JavaScript dingens aufgerufen anstatt auf
> die Bildseite zu verlinken?

Ich vermute mal, dass hier (fälschlicherweise) das "Scrennshotscript" 
auf die SVGs angewandt wird, welches aber mit dem vom Server geliefertem 
XML text so garnix anfangen kann.

Vermutlich müsste man das so machen, dass die Bilder welcher 
vergrößerbar sein sollen per JS spezielle getaggt sind sodass das Skript 
nicht auf unpassende IMGs losgelassen wird.

von Hans (Gast)


Lesenswert?

Läubi .. schrieb:
> Vermutlich müsste man das so machen, dass die Bilder welcher
> vergrößerbar sein sollen per JS spezielle getaggt sind sodass das Skript
> nicht auf unpassende IMGs losgelassen wird.

JAVA SCRIPT ist Böse!

Was spricht gegen einfaches HTML mit GIF & JPG?

von Uhu U. (uhu)


Lesenswert?

Hans schrieb:
> Was spricht gegen einfaches HTML mit GIF & JPG?

Daß SVG skalierbar ist...

von Johann L. (gjlayde) Benutzerseite


Lesenswert?

Uhu Uhuhu schrieb:
> Hans schrieb:
>> Was spricht gegen einfaches HTML mit GIF & JPG?
>
> Daß SVG skalierbar ist...

Nö, man kann doch einfach die Bildseite anzeigen.

Zudem wird SVG eh umgerendert als PNG, einfach mal
  http://www.mikrocontroller.net/articles/Datei:C-flow.svg
oder auf die Vorschau in Bebilderung und dann
  rechte Maustatze → Bildinfo

von Uhu U. (uhu)


Lesenswert?

Johann L. schrieb:
> Zudem wird SVG eh umgerendert als PNG, einfach mal
>   http://www.mikrocontroller.net/articles/Datei:C-flow.svg
> oder auf die Vorschau in Bebilderung und dann
>   rechte Maustatze → Bildinfo

Das ändert nichts daran, daß SVG skalierbar ist ;-)

von Troll (Gast)


Lesenswert?

Johann L. schrieb:
> Zudem wird SVG eh umgerendert als PNG

Das wird von Mediawiki nur umgewandelt, weil der IE es jahrelang nicht 
geschafft hat, solche Bilder darzustellen. Erst mit Version 8 oder 9 hat 
MS das mal eingebaut.

Im Firefox 7.0b1 habe ich kein Problem. Kannst du in der Fehlerkonsole 
mal beobachten ob da was erscheint?

von Thorsten S. (thosch)


Angehängte Dateien:

Lesenswert?

Johann L. schrieb:
> Zudem wird SVG eh umgerendert als PNG, einfach mal
>   http://www.mikrocontroller.net/articles/Datei:C-flow.svg
> oder auf die Vorschau in Bebilderung und dann
>   rechte Maustatze → Bildinfo

Nö, SVG wird nicht umgerendert, nur die Vorschau!

Und Dein ursprüngliches Problem kann ich nicht nachvollziehen:
Mit Anklicken des Vorschau-Bildes hängt sich nix auf, sondern es
funktioniert genau wie es soll und zoomt eine Box mit der
vergrößerten SVG-Grafik auf.

Die Bildinfo mit Rechtsklick auf der Box sagt dann auch:
1
Typ: SVG+XML-Grafik

(siehe angehängter Screenshot!)
Browser hier: Firefox 6.0 Release

Gruß,
Thorsten

von Uhu U. (uhu)


Lesenswert?

Thorsten S. schrieb:
> Und Dein ursprüngliches Problem kann ich nicht nachvollziehen:

Ich benutze (auch) Opera und bei mir kommt er auch nie zu Potte, wenn 
ich die SVG-Graphik anklicke.

von Thorsten S. (thosch)


Lesenswert?

Uhu Uhuhu schrieb:
> Ich benutze (auch) Opera und bei mir kommt er auch nie zu Potte, wenn
> ich die SVG-Graphik anklicke.

Hängt da nur der Opera, oder auch andere Browser?
Hast Du mal mit 'nem aktuellen Firefox probiert?

Gruß,
Thorsten

von Läubi .. (laeubi) Benutzerseite


Lesenswert?

Wie immer ist eine Angabe von Browser/Version hilfreich, ich kann das 
Problem sehr wohl nachvollziehen mit FF/3.5.16, mag ja sein das spätere 
Versionen das "können" schön ist es aber trotzdem nicht!

von Lukas K. (carrotindustries)


Lesenswert?

Das hängt wohl damit zusammen, ob der Browser einbinden von SVGs über 
den img-Tag unterstützt. Afaik ist das erst vor nicht allzulanger zeit 
bei Firefox hinzugekommen. Firefox 6 kanns.

von Thorsten S. (thosch)


Lesenswert?

Läubi .. schrieb:
> Wie immer ist eine Angabe von Browser/Version hilfreich, ich kann das
> Problem sehr wohl nachvollziehen mit FF/3.5.16, mag ja sein das spätere
> Versionen das "können" schön ist es aber trotzdem nicht!

Browser und Version (Firefox 6.0 Release) hatte ich im Beitrag oben 
bereits erwähnt. Ergänzend noch der Hinweis: unter Win XP SP3


Aber sag doch bitte mal, aus welchem Grund Du noch Firefox 3.5 einsetzt.


Die Mozilla-Leute selbst raten ja allein schon aus Gründen der 
Sicherheit dringend zum Update auf die jeweils aktuelle Release-Version.
Falls jemand Kummer mit irgendwelchen Plugins hat, kann ich ja 
verstehen, daß man notfalls mal ein Major Release "hinterherhinkt".
Aber seit FF 3.5 sind bereits 3 Major Releases herausgekommen...

Gruß,
Thorsten

von Johann L. (gjlayde) Benutzerseite


Lesenswert?

Ich verwende FireFox 3.6.20 (neueste Release aus der Release-Serie).

Einfach deshalb, weil neuere FF-Versionen dermassen speicherfressend 
sind, daß damit auf einem was älteren Schlepptop kein Blumentopf mehr zu 
gewinnen ist.

FF 3.6 kann sehr wohl mit SVGs umgehen. Ich arbeite oft mit SVG in 
Web-Brausern weil ich selbst SVG-Grafiken erstelle, z.B. für 
Wikipedia/media.

Ebenso ist mit mit Opera nie ein Problem mit SVG aufgefallen, ausser bei 
animierten SVGs was FF noch nicht unterstützt in 3.x.

Der Effekt beim Clicken auf die SVG-Grafik (bzw. auf deren 
PNG-Vorschaubild) ist der, daß das Symbol zu Laden angezeigt wird, 
dieses aber nie zum Ende kommt. Ansonsten friert weder im Brauser noch 
sonstwas ein, d.h. es ist wohl auch kein sich aufhängendes JS weil dann 
Opera nach kurzem TimeOut meckert.

von Lukas K. (carrotindustries)


Lesenswert?

Johann L. schrieb:
> FF 3.6 kann sehr wohl mit SVGs umgehen. Ich arbeite oft mit SVG in
> Web-Brausern weil ich selbst SVG-Grafiken erstelle, z.B. für
> Wikipedia/media.
Ja, aber IIRC eingebettet nur, wenn diese mittels dem object-Tag 
eingebunden werden. SVG im img-Tag kam erst vor nicht allzu langer Zeit 
dazu.

von Johann L. (gjlayde) Benutzerseite


Lesenswert?

Lukas K. schrieb:
> Johann L. schrieb:
>> FF 3.6 kann sehr wohl mit SVGs umgehen. Ich arbeite oft mit SVG in
>> Web-Brausern weil ich selbst SVG-Grafiken erstelle, z.B. für
>> Wikipedia/media.
> Ja, aber IIRC eingebettet nur, wenn diese mittels dem object-Tag
> eingebunden werden. SVG im img-Tag kam erst vor nicht allzu langer Zeit
> dazu.

Wenn's daran läge, daß er ein IMG nicht anzeigen kann, käme doch ein 
bestimmtes Icon, sowas in der Richtung wie ein zerbrochenes Bild.

Und im Opera ist der Effekt genau der gleiche.

von Lukas K. (carrotindustries)


Lesenswert?

Johann L. schrieb:
> Wenn's daran läge, daß er ein IMG nicht anzeigen kann, käme doch ein
> bestimmtes Icon, sowas in der Richtung wie ein zerbrochenes Bild
Ich vermute mal, dass das Skript darauf wartet, dass das Bild geladen 
ist, was bei Browsern, die SVGs im img-Tag nicht unterstützen, nie der 
Fall ist.

von Läubi .. (laeubi) Benutzerseite


Lesenswert?

Johann L. schrieb:
> Wenn's daran läge, daß er ein IMG nicht anzeigen kann, käme doch ein
> bestimmtes Icon, sowas in der Richtung wie ein zerbrochenes Bild.

Das Problem ist das Javascript welches versucht ein preload auf ein 
Bild durchzuführen 
(http://de.selfhtml.org/javascript/objekte/images.htm) insbesondere um 
die Größe festzustellen, ein passend großes Fenster zu zeichnen etc.pp 
und das geht wohl schief (die Daten kommen korrekt an, habe ich mit 
Firebug geprüft).
Davon Unbenommen kann FF (ich meine schon in der 3.0er Version) SVG 
Grafiken auch in IMG Tags anzeigen...

Benutzen tu ich FF 3.5 da mir mein Updatemanager unter Debian bisher 
kein Update aufgedrängt hat und alles "läuft" wie es soll, wozu also 
jetzt auf Krampf ein Upgrade durchführen?

von Alexander S. (esko) Benutzerseite


Lesenswert?

Firefox 5.0: Alles in Ordnung.
Beim klicken auf das Bild vergrößert sich dieses, genau wie im Forum. 
Die Seite zum Bild erreicht man durch klicken auf das kleine Icon unter 
dem Vorschaubild.

Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.