Ich bin schon eine weile am überlegen wie ich sehr große screenshots in der WH anbiete. Bisher ist einfach ein Link drauf. Die Seite verschwindet, man hat das bild. finde ich inzwischen doof.
bin ja gerade dabei umzubauen. bilder bis ~1000 pixel werden ja inzwishcen per javascript einfach über der seite zentriert. etwas größere werden ähnlich behandelt.
ich habe aber noch bilder, vor allem packshots, die sind enorm groß. 2000-4000 pixel in der breite. meist 1200 pixel hoch.
momentan baue ich um das die im neuen fenster (target=_blank) geladen werden. finde ich im FFx auch ganz schön weil es in nen neuen tab landet. aber der ie macht daraus immer noch nen echtes neues fenster.
da von den bildern immerhin nen thumbnail schon vorhanden ist, wäre nen zwischenschritt nicht wirklich nötig. also das man es vergrößert anzeigt, aber nicht zu 100% sondern eher 50 %. und dann nochmal klicken könnte. fände ich umständlich.
Also was habt ihr für ideen?
Target=_blank oder was anderes?
Wie Große Screenshots präsentieren?
-
du kannst dir doch son javascript basteln (gibbet auch in dreamweaver als standard, wenn dus nicht hast, pmme mich mal :D), bei dem du dann einmal klickst und das bild von xx auf xx prozent vergrößert wird. bei einem zweiten klick wirds dann wieder verkleinert,
zwang zum neuen fenster finde ich immer, sorry, scheiße
-
Auch die Idee mit dem Tab ist Mist...
Aber die Fenster Methode ist *******! -
-
Zitat von YAL
hat man da nicht das problem, das, wenn man es im tab öffnen will nur "#" in der adresszeile steht?das nervt mich auch immer, weil ich gerne bilder in tabs öffne und dann der reihe nach ansehe.
-
Zitat von norman
hat man da nicht das problem, das, wenn man es im tab öffnen will nur "#" in der adresszeile steht?
Nicht, wenn es der Webentwickler richtig macht: Original-Bild per Link, Lightbox per "onclick"-Event.Allerdings ist Lightbox hier völlig falsch. Dirk will ja grosse Bilder (grösser als der Bildschirm) anzeigen und sucht da ne gescheite Lösung. Sowas wie Lightbox verwendet er ja für normalgrosse Bilder bereits.
-
Ich mach nen Doppel-Post, damits übersichtlicher bleibt:
Zum Problem. Also ich sehe da zwei Möglichkeiten.
Erstens: So ne Art Lupeneffekt. Allerdings hat das den Nachteil, dass wenn man grössere Ausschnitte betrachten will, das auch wieder mühsam ist. Und es ist programmiertechnisch aufwändiger. Beispiel: valid.tjp.hu - JavaScript / CSS / DOM image magnifier
Zweitens: Doch via Javascript-Vorschau. Klick auf das Thumbnail öffnet das Bild so gross, dass es grad noch in den Monitor passt und ein weiterer Klick dann zeigt es in 100% mit Scrollbars am Bildrand - immer noch innerhalb der JS-Box.
-
Als Gegner von target="_blank" würde ich auch ’ne nette JS-Lösung vorschlagen, aber ich möchte mal etwas anderes ansprechen:
Ich finde es etwas ungünstig, nur mit Thumbnails und den hochauflösenden Originalen zu arbeiten, denn Thumbnails sind zum Anschauen meistens zu klein und HiRes-Bilder meistens zu groß und unhandlich. Für eine Seite wie Winhistory würde es durchaus nicht schaden, mit drei Skalierungsstufen zu arbeiten:
- Thumbnails, damit der User sieht, was ihn nach einem Klick erwartet,
- Standardauflösung zum normalen Anschauen,
- hochauflösende Originale.
Ich möchte sogar behaupten, dass die letztere Stufe unnötig ist, denn Originale sind eigentlich nur für Leute interessant, die das Bild weiterverarbeiten oder -verwenden wollen, was sie bei einem vollen Urheberrechtsanspruch sowieso nicht dürfen. Bei flickr bekommt man Copyright-Fotos auch nur niedrigauflösend. Allerdings haben wir es bei der Winhistory oft mit Scans von Verpackungen zu tun, wo evtl. das Kleingedruckte interessant ist, was einem in einer Skalierung auf eine handliche „Nur-mal-so-zum-Anschauen“-Größe möglicherweise vorenthalten bleibt. -
Via JS kannst du ja immer noch den Browser das runterskalieren lassen...?
Mein Vorschlage wäre eben, dass du dem Bild-Container (das <div> mit id="bild") den CSS-Wert "overflow: auto" verpasst, und dann die Grösse des Containers und des Bildes via JS so einstellst, dass es noch auf dem Bildschirm Platz hat.
Bei einem Klick auf das Bild setzt die die grösse des Bildes auf 100% zurück, dann erscheinen im Bild-Container Scrollbars und man kann damit den Ausschnit ändern.
Nachtrag: Falls gewünscht kann ich dir mal was entsprechendes Proggen. Würde aber dazu dein gesamtes Javascript umschreiben müssen.
-
Dirk, du hast auf der MS-DOS.Seite PC-DOS 6.3 vergessen.
Und Novell-DOS 7. -
Hm.. ja.. mit overflow:auto sieht das besser aus, als befürchtet.
-
Zitat von Dirk
vielleicht ist overflow auto schon die antwort. also das zu große bild einfach mit scrollleisten präsentieren, und fertig. also ohne zwischenstufe. ich habe heute morgen einige screenshots verkleinert, jetzt handelt es sich nur noch um 66 verpackungen...
Aber hoffentlich doch nicht manuell, oder?
-
Ich wollte nur darauf hinweisen, dass man sowas auch automatisieren kann. IrfanView hat da eine ganz nützliche Batchfunktion zum Automatisieren solcher Vorgänge. Dann brauchst du nicht jedes Bild einzeln verkleinern.
Jetzt mitmachen!
Du hast noch kein Benutzerkonto auf unserer Seite? Registriere dich kostenlos und nimm an unserer Community teil!