• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Hochauflösendes Bild ein kleineres DIV packen für iPad Zoom via Multitask

T

tuningflex

New member
Ja ich habe es versucht in der Überschrift schon zusammenfassen,

worum gehts?

Das iPad, iPhone und viele andere Smartphones und Pads haben die Möglichkeit, durch Multitasking die aktuelle Seite im Browserfenster vergrößert darzustellen.
Also man wählt beispielsweise auf einer ganz normalen html Internetseite ein Bild oder Text aus und vergrößert den gewählten Bereich mit Daumen und Zeigefinger.

Das klappt natürlich super aber die Bilder werden pixelig, da sie eine feste Größe haben.

Jetzt suche ich nach einer Methode diese Bilder bis zu einer bestimmten Größe vergrößern zu können ohne, dass diese pixelig werden.

Es würde mich nicht wundern wenn es dafür eh schon für andere Anwendungen Lösungen gibt.
Mir sind leider keine bekannt. :(

Ein Beispiel:

Also ich füge in einen DIV Tag in einer html Seite ein .jpg Bild ein. Dieses Bild hat eine Originalauflösung von 500 x 500 Pixeln!

Wenn diese Seite im Browser geöffnet wird, soll das Bild allerdings nur mit 150 x 150 Pixeln angezeigt werden. Man kann dann erst via Zoom oder Multitasking auf die max. 500 x 500 Pixel ranzoomen. So lange bleibt das Bild dann scharf.

Ich meine damit eine Art Skalierung ohne Qualitätsverlust.

Was ich gar nicht brauche ist die Lightbox, Flash oder etwas Ähnliches. Es soll sich kein Extra Fenster öffnen, dass das Bild in einer größeren Ansicht darstellt.

Hat jemand eine Idee???

Vielen Dank:)
 
Ja und wo ist das Problem? Ich habe es sehr sehr eilig und habe mich noch für kein Forum endgültig entschieden.
Oder ist das hier nicht erlaubt?

Das ist Ernst gemeint ;)

Danke
 
Ok, ich habe mich in der Eile nicht ganz verständlich ausgedrückt. Aber ich hab`s versucht.

Ich denke zwar, dass jeder weis was ich meine, aber zur Sicherheit hier ein Beispiel:



Ich habe leider keine Ahnung wie diese Funktion genau heist, ich weis halt nur, dass sie via Multitasking ausführbar ist.

Worauf es mir ankommt ist halt, dass sich die Bilder vergrößern lassen ohne pixelig zu werden. Natürlich nicht endlos aber ein wenig.
So zu sagen möchte ich große Bilder in eine Seite einbetten die aber Standartmäßig kleiner angezeigt werden, durch den Zoom jedoch das Potential haben auch vergrößert dargestellt zu werden.

Um es ganz simpel zu sagen: Wenn man ein hochauflösendes Bild (z.B. 6000 x 5600 PX) mit der Windows- Standart-Anzeige betrachtet, dann wird es ja standartmäßig auch nicht in der tatsächlichen Auflösung angezeigt sondern der Bildschirmgröße angepasst. Erst ein Klick auf die "tatsächliche Größe" zeigt wie groß das Bild wirklich ist.
 
Stimmt, du hast recht Hache!

Ich bin mittlerweile doch ein bisschen weiter gekommen.
Also ich habe Bilder mit einer recht hohen Auflösung mal mittels "width =" proportional kleiner skaliert.

Jetzt kann man diese Bilder via Multi Touch schön vergrößern, aber es sieht im Firefox und Opera schrecklich pixelig am Anfang aus.

Safari, Chrome und der IE zeigen auch die "künstlich" verkleinerten Darstellungen schön scharf und angenehm an. So als hätte man diese tatsächlich mit einem Grafikprogramm kleiner gemacht.

Das Problem liegt also bei den Browsern. Jezt habe ich überlegt anstelle von .png Grafiken svg Vektorgrafiken zu verwenden.
Ersten Quellen zufolge kann man auf diese svg Grafiken aber wohl noch nicht so recht Java Script anwenden.

Stimmt das oder ist das ein alter Hut, vielleicht hat jemand Erfahrung damit???
 
Bin schon am googlen, muss aber gestehen, dass ich bisher noch nichts davon gehört habe!

Würde es dir was ausmachen mir mit deinen eigenen Worten zu erklären wie das nützlich für mich sein kann ;)
Das scheint mir noch "zu frisch" zu sein.

Ich habe jetzt schon Browserkompatibilitätsprobleme (vor allem mit dem IE)

Aber die Möglichkeiten sind natürlich irre
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben