website Panorama Funktion

Dieses Thema im Forum "Webentwicklung" wurde erstellt von »The Gr4ndp4, 5. März 2014 .

  1. 5. März 2014
    Hey,

    ich habe mal eine einfache kurze Frage, und zwar bei folgender Website, wie das mit der Panoramafunktion gemacht wird.

    DDR-Museum in 98693 Ilmenau – DDR-Spielzeug und Raritäten

    mit JS, oder gibt es da auch mit HTML möglichkeiten?

    Danke !!
     
  2. 5. März 2014
    AW: website Panorama Funktion

    Code:
    view-source:http://www.spielzeugmuseum-ilmenau.de/#
    wie du sehen kannst, ist es javascript und es wurden sogar flash-elemente verwendet.
    was du mit nur "html möglichkeiten" meinst, weiss ich nicht; unter umständen könnte man
    es vielleicht sogar nur mit css lösen, aus zeit/aufwandsgründen würde ich einfach die
    selben plugins verwenden.
     
  3. 5. März 2014
    AW: website Panorama Funktion

    JA und JA. ;-)

    Mal vorweg: Kla ist es mit rein HTML/CSS möglich, sonst könnte es der Browser ja nicht rendern, u get it? JS manipuliert nur den DOM-Tree und den Style.

    Also auf deiner Beispielseite ist es mithilfe von jQuery umgesetzt. zufinden in der "global.js", leider minified, also kopier den Code und mach ihn wieder "schön" ;-). Online JavaScript beautifier
    In Zeile 49 findest du die globale Variable "wrapperwidth", hier bastelt er sich die Breite zusammen, den rest musst du dir selbst raussuchen

    Für alle die sich Fragen, "Warum nutzt er JS, wenn es doch mit reinem HTML/CSS möglich ist?": Weil es mit der Manipulation von JS dynamisch bleibt, das heißt: er kann ohne Probleme neue Elemente hinzufügen ohne im Style die Breite zu ändern, da das ganze von JS gehandhabt wird.

    PS: Man könnte mehr CSS3 verwenden, dann würde der JS Code schlanker werden, aber das ist ja leider noch "ganz tighter scheiß" und Funktioniert in diversen Browsern nicht. ;-)

    PSS: Ich finde für die Antwort habe ich einen "Daumen hoch" verdient ;-) <3
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.