kostenloser Webspace werbefrei: lima-city


Bild durch leiste bewegen lassen

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    i3d

    i3d hat kostenlosen Webspace.

    Hallo,
    ich weiß nicht ob es geht aber kennt jemand ein script,das ein bild mit 2scrollleisten verschiebt?
    (kein iframe falls einer meint ich frage danach).
    sollte etwa so funktionieren: http://i3d.lima-city.de/Fragen/Frage.png
    Das Bild (halb-transparent) sollte durch die Balken über die seite bewegt werden können.

    Danke!
    i3d
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. i3d schrieb:..
    sollte etwa so funktionieren: http://i3d.lima-city.de/Fragen/Frage.png
    Das Bild (halb-transparent) sollte durch die Balken über die seite bewegt werden können.


    Könnte man mit einem DIV und Overflow machen. Oder mit JS, aber da bin ich kein Experte.
  4. Ein konkretes Beispiel zur Lösung mittels <div> und overflow gibts auf SelfHTML.
  5. Autor dieses Themas

    i3d

    i3d hat kostenlosen Webspace.

    Man sollte das bild nicht in einem "Kasten" bewegen können, sondern ein transparentes div soll mit den Balken (Pfeile gehen eigentlich auch) gesteuert werden.
  6. Meinst du in etwa so:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    	<title>Scrolling</title>
    </head>
    <body>
    
    <h1>Scrolling</h1>
    
    <div style="width: 100%; height: 600px; overflow: scroll;">
       <div style="width: 200%; height: 1200px; text-align: center; vertical-align: middle;">
          <img src="dummy" width="200" height="200" alt="Ein Bild"
             style="border: 1px solid black; display: inline-block; margin: auto;">
       </div>
    </div>
    
    </body>
    </html>
    Wenns das auch nicht ist, bleibt dir nur noch JavaScript.
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!