MarcusD: Bild beim Vorbeiziehen des Cursors vergrößern

Hallo zusammen!!

Ich habe da ein Problem.

Ich habe ein Bild auf der Homepage. Dieses möchte ich vergrößert dargestellt haben, wenn man mit dem Cursor drauf geht. Und wenn man den Cursor wegzieht, soll es wieder klein werden.

Chic wäre dann noch, wenn man dann auf den Cursor klickt, dass das Bild groß stehen bleibt und bei einem weiteren Click wieder klein wird. Aber das muss nicht wirklich.

Es gibt wohl die JavaScript "mouse-over"-Lösung. Aber von Java habe ich keine Ahnung.

Gibt es vielleicht eine andere Lösung. Bitte, brauche Hilfe. Danke.

Gruß Marcus

  1. Hallo.

    Gibt es vielleicht eine andere Lösung. Bitte, brauche Hilfe. Danke.

    http://www.simplebits.com/tips/photo_zoom.html macht genau das.
    MfG, at

    1. ...»» http://www.simplebits.com/tips/photo_zoom.html macht genau das.

      MfG, at

      Erst mal Danke für alle Antworten. Sowas wie bei deinem Link habe ich gesucht. Geht das auch, dass sich dabei nicht die ganze Schrift verschiebt, sondern das Bild über die Schrift lappt??
      Aber ich nehme an, dass geht dann nur mit JavaScript. Oder?

      Danke und internette Grüße
      Marcus

      1. Hallo.

        Erst mal Danke für alle Antworten. Sowas wie bei deinem Link habe ich gesucht. Geht das auch, dass sich dabei nicht die ganze Schrift verschiebt, sondern das Bild über die Schrift lappt??

        Hast du schon mit "z-index" herumgespielt? SelfHTML verrät dir mehr darüber.

        Aber ich nehme an, dass geht dann nur mit JavaScript. Oder?

        Das glaube ich nicht.
        MfG, at

  2. Hi,

    Ich habe ein Bild auf der Homepage. Dieses möchte ich vergrößert dargestellt haben, wenn man mit dem Cursor drauf geht. Und wenn man den Cursor wegzieht, soll es wieder klein werden.

    Soll eine extra Bilddatei dargestellt werden oder soll das vorhandene Bild vom Browser größergerechnet werden?
    Für zweiteres wäre ggf. eine reine CSS-Lösung möglich (bei :hover width und height ändern).

    Chic wäre dann noch, wenn man dann auf den Cursor klickt, dass das Bild groß stehen bleibt und bei einem weiteren Click wieder klein wird. Aber das muss nicht wirklich.

    Spätestens hier muß Javascript ran (wenn die Seite nicht neu geladen werden soll).

    Es gibt wohl die JavaScript "mouse-over"-Lösung. Aber von Java habe ich keine Ahnung.

    Java-Wissen hilft sowieso nicht viel, wenn es um Javascript geht...

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
  3. Hallo Marcus,

    so wie hier: http://texturizer.net/firebird/themes/? Ggf. mal David anschreiben, wie er das gelöst hat?

    Gruss, Thoralf

    --
    Sic Luceat Lux!