Dr.House: Bild innerhalb von div verschieben

Hallo,

ich habe ein großes Bild (img-Tag, kein Background) in einem kleinen DIV (overflow:hidden), so dass immer nur ein Ausschnitt des Bildes sichtbar ist. Jetzt möchte ich mit der Maus (und ggf. per Touch) das Bild verschieben können, um den Bildausschnitt selbst zu bestimmen.

Mir geht es nur um das Bewegungs-Event, das Verschieben möchte ich selbst per "margin" und nicht mit absoluter Positionierung durchführen.

Kennt jemand ein Skript (am besten für jQuery), das mir nur die Maus/Touch Bewegungs-Informationen liefert und nicht selbst das Element verschiebt?

Danke!

  1. Hi there,

    ich habe ein großes Bild (img-Tag, kein Background) in einem kleinen DIV (overflow:hidden), so dass immer nur ein Ausschnitt des Bildes sichtbar ist. Jetzt möchte ich mit der Maus (und ggf. per Touch) das Bild verschieben können, um den Bildausschnitt selbst zu bestimmen.

    Dafür gibts die http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clip@title=clib-Eigenschaft, das erspart Dir diese mühsame Konstruktion.

    Mir geht es nur um das Bewegungs-Event, das Verschieben möchte ich selbst per "margin" und nicht mit absoluter Positionierung durchführen.

    ???

    Kennt jemand ein Skript (am besten für jQuery), das mir nur die Maus/Touch Bewegungs-Informationen liefert und nicht selbst das Element verschiebt?

    Keine Ahnung wie das mit jQuery geht, im Prínzip brauchst Du ja nur die Mauskoordinaten auswerten. Deshalb ein riesiges über-drüber-überflüssiges Framework zu laden erscheint mir da irgendwie nicht notwendig...

    1. Dafür gibts die http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clip@title=clib-Eigenschaft, das erspart Dir diese mühsame Konstruktion.

      sollte eigentlich clip-Eigenschaft heissen...;)))

      1. Hallo,

        Dafür gibts die http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clip@title=clib-Eigenschaft, das erspart Dir diese mühsame Konstruktion.
        sollte eigentlich clip-Eigenschaft heissen...;)))

        ja, ich war schon irritiert. Das Land der "budderweischen Gonsonanden" ist doch eigentlich Franken. Oder vielleicht Sachsen. Aber jedenfalls nicht Österreich. :-)

        Ciao,
         Martin

        --
        Computer funktionieren grundsätzlich nicht richtig.
        Wenn doch, hast du etwas falsch gemacht.
        Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
        1. Hi there,

          ja, ich war schon irritiert. Das Land der "budderweischen Gonsonanden" ist doch eigentlich Franken. Oder vielleicht Sachsen. Aber jedenfalls nicht Österreich. :-)

          Doch, doch. In der Aussprache jedenfalls wäre zwischen clip und clib bei mir sicher kein Unterschied zu hören;)
          Naja, vielleicht in Tirol (da brauch ich zweimal so lang hin wie ans Mittelmeer) oder im Burgtheater (da war ich das letzte Mal vor dreissig Jahren)...;)

    2. ich habe ein großes Bild (img-Tag, kein Background) in einem kleinen DIV (overflow:hidden), so dass immer nur ein Ausschnitt des Bildes sichtbar ist. Jetzt möchte ich mit der Maus (und ggf. per Touch) das Bild verschieben können, um den Bildausschnitt selbst zu bestimmen.

      Dafür gibts die http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clip@title=clib-Eigenschaft, das erspart Dir diese mühsame Konstruktion.

      Danke für den Tipp, aber "Die Eigenschaft clip wirkt nur auf absolut positionierte Elemente" und das ist in meinem Konstrukt nicht möglich. Ich finde es auch nicht mühsamer, per Javascript die Margin-Werte zu verändern, als die clip-Eigenschaft.