Archive for the 'Web 2.0' Category

Bilder darstellen mit JavaScript - Lightbox 2 und GreyBox

Keine Lust mehr auf eine normale Bildergalerie? Mit Lightbox 2 oder GreyBox kann man Bilder mittels JavaScript auf eine moderne Weise darstellen ;)

Dabei wird bei beiden Scripten das Bild im Vordergrund geöffnet, während im Hintergrund die Webseite weiterhin geöffnet bleibt.

Lightbox 2


Screenshot von der Projektseite.

Das Beispielbild wird im Vordergrund geöffnet, der Rest der Webseite wird zur gleichen Zeit “verdunkelt”. Der Einbau in die eigene Webseite ist ausführlich auf der Projektseite dokumentiert. Dabei muss man lediglich ein paar JavaScripts und ein Stylesheet einbinden. Lightbox 2 ist unter der Creative Commons Attribution 2.5 License lizensiert.

GreyBox

Screenshot von der Projektseite

Bei diesem Script wird ebenfalls das Bild im Vordergrund geöffnet, während der Hintergrund verdunkelt wird. Das Design der Darstellung ist ein kleines Bisschen anders als bei Lightbox 2. Zudem besteht die Möglichkeit neben Bildern auch ganze Webseite mittels “JavaScript-Popup” zuöffnen (dabei wird ein I-Frame benutzt.)

Dieses Script ist unter der LGPL lizensiert.

Die Scripte gibts bei den Projektseiten zum Download. Für manche Weblogsysteme gibt es zudem Plugin, wodurch der Einbau nochmal vereinfacht wird ;)

Ähnliche Beiträe

  • Ubuntu Countdown :)
  • Timtube? Das neue YouPorn?
  • [Codeschnipsel] PHP Weiterleitung
  • Verknüpfungen innerhalb der Blogosphäre mittels Trackback und Pingback

    Die Verlinkung des eigenen Weblogs ist für dessen Bekanntheitsgrad in der sog. Blogosphäre meistens sehr wichtig.
    Um dies zu vereinfachen kann man bei vielen Blogsystemen Trackbacks oder Pingbacks verschicken.

    Aber was sind eigentlich Track- bzw Pingbacks?
    Trackbacks und Pingbacks kann man beim Erstellen eines Beitrags an einen anderen Weblog senden (”pingen”). Dies geschiet normalerweiße, wenn man in dem entsprechenden Beitrag auf den anzupingenden Blog verweist / Bezug darauf nimmt.
    Der angepingte Blog zeigt ankommende Ping- bzw Trackbacks meistens zusammen mit den restlichen Kommentaren am Ende des Beitrags an.
    Somit entsteht ein Link in beide Richtungen. Der erste Blog verlinkt auf einen anderen Weblog. Im Gegenzug zeigt dieser nun den Track- bzw Pingback des anderen Blogs an.

    Probleme - leider …
    Es gibt aber leider auch einige Probleme, die durch Trackbacks erst entstehen … automatisch Trackbacks zu verschicken ist meistens einfacher als Kommentare zu schreiben. Deswegen werden diese häufig von Spammer missbraucht …

    Weitere Infos gibt es auf Wikipedia und auf unblogbar, dort steht u.a. auch, wie man Trackbacks mit PHP verschicken und empfangen kann ;)

    Ähnliche Beiträe

  • #5 Eigenes WordPress Theme / Template erstellen - Tutorial - HowTo
  • rel=”nofollow”? Sinnvoll?
  • [Codeschnipsel] HTML Weiterleitung
  • Web 2.0 + Semantisches Web = Web 3.0? - Teil 2 - Maschinen lernen lesen?

    Semantisches Web? Damit soll versucht werden, dass Web-Inhalte von Computern gelesen werden können. Inhalte sollen also in eine, nicht nur für Menschen, sondern auch für Maschinen, lesbare Form gebracht werden. Dadurch wird es einfacher, Inhalte automatisch zu verarbeiten.

    Dabei sollen verschiedenen Informationen bestimmte Bedeutungen zugeordnet werden.

    So ist es beispielsweise möglich, mit folgendem HTML-Code eine Adresse zu definieren:

    <address>Name, E-Mail</address>

    Damit wird es für Maschinen einfacher z.B. den Autor bestimmter Inhalte zu erkennen und auszulesen.

    Um die Inhalte lesbar zumachen, müssen bestimmte Standards eingehalten werden. Sonst kann es zu Problemen bei der Verarbeitung durch Maschinen kommen. Dafür kann z.B. ein XML-Format verwendet werden. Dieses soll für Menschen und Maschinen gut lesbar sein.

    Es geistert z.Z., nach Web 2.0, auch schon der Begriff Web 3.0 durchs WWW. Damit wird oft eine Kombination aus dem hier schon beschriebenen Web 2.0 und dem sematischen Web gemeint.

    User generated content (Web 2.0), der maschinenlesbar ist? Ist das wirklich sinnvoll?

    Ähnliche Beiträe

  • #3 Eigenes WordPress Theme / Template erstellen - Tutorial - HowTo
  • #4 Eigenes WordPress Theme / Template erstellen - Tutorial - HowTo
  • #1 Eigenes WordPress Theme / Template erstellen - Tutorial - HowTo