Vorschau Screenshot in Sprechblase

Schön langer sind mir Homepages mit diesen Vorschau Screenshots in Sprechblasen von verlinkten Homepages aufgefallen.
Diese Technik in die eigene Homepage einzubinden ist überraschend leicht. Ein einfacher Account bei Snap Shots™ reicht, um sich ein Stück HTML Quellcode erstellen zu lassen, welchen man einfach im HTML Header der eigenen Homepage einfügen kann. Es handelt sich dabei um ein JavaScript, welches für die Spracheblase mit den Vorschau Screenshots der Homepages welche man verlinkt sorgt.
Mehr ist nicht zu tun, nur dieses Script einzubinden.
Dabei ist die Farbe und Größe der Sprechblase anpassbar.

Zwar mag dies auf den ersten Blick ungeeignet für barrierefreies Webdesign, nach längerem Nachdenken finde ich das aber gar nicht. Es ist vielmehr so, wenn ich einen Link mit der Maus berühre und ich sehe einen kleine Screenshot bevor ich die Seite besuche kann ich schon eine kleine Vorentscheidung treffen, z.B. kenne ich die Seite bereits und erinner mich anhand des kleinen Vorschau Bildes daran.
Besucher der Seite ohne aktiviertes JavaScript bekommen keinen Screenshot angezeigt und der Link funktioniert ganz normal.
Die Technik bietet also eine Zusatzfunktion für Homepage Besucher, die sie zulassen. Vor allem ist in jeder Sprechblase ein Optionsmenü integriert, in welchem sich die Vorschau Screenshots für die derzeitige oder sogar für alle Homepages deaktivieren lassen. Somit kann jeder Besucher für sich selbst entscheiden ob er diese Screenshots in der Sprechbalse sehen will oder nicht oder ob sie auch für alle sonstigen Homepages deaktiviert werden soll.

Aufgrund der Einfachheit der Technik kann man sie einfach mal testen und dann für sich entscheiden ob man sie einsetzen will, ich persönlich halte es für ein echt nettes Feature, kann mir aber vorstellen das es mich irgendwann nervt wenn jede Seite im Netz die Technik einsetzen würde,… mal sehn…

Wenn dir dieser Beitrag gefällt, lade den Autor doch mal zu einem Drink ein ;-)

Broadcast us
  • Yigg
  • Webnews.de
  • Digg
  • MisterWong
  • del.icio.us
  • Technorati
  • DZone
  • Facebook
  • Google Bookmarks
  • Reddit
  • StumbleUpon
  • TwitThis

Tags: , ,

Leave a Reply