nicht angemeldet
Ein Bild in einer Ebene in alle Richtungen scrollen
Hallo,
ich hab ein Problem, ich habe ein Bild in einer Ebene, diese soll aber nicht so Gruß sein wie das Bild.
Ich möxhte nun, dann man mit hilfe eines kleinen Menues das Bild scrollen kann (oben,unten,rechts und links).
Hat da jemand ein script parat oder kann mir jemand irgendwie in diesem Fall behilflich sein?
Gruß
Ingo
-
Hallo,
ich hab ein Problem, ich habe ein Bild in einer Ebene, diese soll aber nicht so Gruß sein wie das Bild.
Ich möxhte nun, dann man mit hilfe eines kleinen Menues das Bild scrollen kann (oben,unten,rechts und links).Hat da jemand ein script parat oder kann mir jemand irgendwie in diesem Fall behilflich sein?
ist dir vielleicht auch mit:
<div style="position:absolute;widht:200px;height:100px; overflow:auto;"><img width="300" height="400"></div>
geholfen.Grüße
Thomas-
Leider nein, ich möchte ja mit dem Menü scrollen nicht mir Scrollbalken.
Aber trotzdem danke für deine Mühe!
Gruß
Ingo
-
hi
ich hab das gleiche problem wie der ingo!
hier hab ich mal ein beispiel gemacht, damit ihr euch das vorstellen könnt! also, ich hab ein popup fenster mit einem riesen-bild in einer DIV-Ebene. das soll nun über das kleine rote menü gescollt werden.http://www.zir-con.de/web-tmp/divlayerindex.html
(um euch den quelltext anzuzeigen, rechtsklick auf die rote tabelle!)
ich weiß echt nicht, wie in an die aufgabe gehen soll! ist das richtig mit dem switch/case?
und was ist mit so einer funktion, die sich immer selber aufruft? (ich kann leider nur php, und kein js *schnief* ) ;-)wär schön, wenn jmd. ein lösungsansatz hat!
-
Hallo,
ich hab das gleiche problem wie der ingo!
hier hab ich mal ein beispiel gemacht, damit ihr euch das vorstellen könnt! also, ich hab ein popup fenster mit einem riesen-bild in einer DIV-Ebene. das soll nun über das kleine rote menü gescollt werden.http://www.zir-con.de/web-tmp/divlayerindex.html
Ich verstehe ehrlich gesagt nicht, wofür so ein Aufwand gut sein soll?
Du kannst ja einfach dem pop up Fenster die Scrollbalken lassen. Da kann man auch scrollen und kein Teil des Bildes wird durch das Menü verdeckt. Zudem würden die Scollbalken in jedem Browser mit oder ohne Javascrip funktionieren, was man umgekehrt vom Menü nicht behaupten kann bzw. man davon ausgehen muss, dass es zu 100% nicht in jedem Browser geht.Na ja ... das ist nur meine Ansicht der Dinge.
Grüße
Thomas-
Du kannst ja einfach dem pop up Fenster die Scrollbalken lassen. Da kann man auch scrollen und kein Teil des Bildes wird durch das Menü verdeckt. Zudem würden die Scollbalken in jedem Browser mit oder ohne Javascrip funktionieren, was man umgekehrt vom Menü nicht behaupten kann bzw. man davon ausgehen muss, dass es zu 100% nicht in jedem Browser geht.
ja klar würde das gehn! aber scrollbalken sehen immer scheiße aus, auch wenn man sie vielleicht mit css. "verschönern" kann!
ich verstehe nicht, das es so schwer ist eine ebene per js zu bewegen *wunder*
kennt einer von euch evt. ein script, wo ich mal reinschauen kann? ich habe echt wenig ahnung! nur hoch runter rechts link!?!? *bittebitte*-
Hallo,
ja klar würde das gehn! aber scrollbalken sehen immer scheiße aus,
nicht unbedingt. Klar ist grau kaum sexy, aber dafür weiß jeder, wie sie zu bedienen sind. und Scrollbalken sind immer schneller als "drück-mich-ich-bewege-das-Bild-dann"-Buttons.
» auch wenn man sie vielleicht mit css. "verschönern" kann!
kann man das? Man kann die Farbe ändern (auf, daß sie keiner mehr erkennt), aber das nützt auch nur bei einem Browsertyp was.
ich verstehe nicht, das es so schwer ist eine ebene per js zu
bewegenIst es doch überhaubt nicht. Clip und top/left (siehe css-Stichwortverzeichniß in selfhtml) sind die Werte, die per Javascript verändert werden müssen. Mehr nicht. Was ist denn jetzt schwer? Schon mal angefangen? Per clip nur einen Ausschnitt dargestellt? Wo haperte es? Danach per Link eine JS-Routiene (einfaches alert z.Bsp.?) aufgerufen? Wo war die Schwierigkeit? Dynamisch (getElementById etc) CSS-Werte wie clipbereich geändert? Das gleiche mit top und left des Div-bereiches? (siehe mein obiges Posting....) Wo haperts denn genau. dann können wir ja helfen.... Schreiben mußt Du natürlich schon selber ;-))))
Step by step. Fang mit dem div und clip an. Baue links die JS-Routienen aufrufen. Lasse die Routinen den clip-bereich ändern. Lasse die die top-left-Koordinate entsprechend invertiert ändern. Fertig ist die Laube ,-)
Chräcker
-
-
-
-
-
-
Hallo,
zerlegen wir mal das Problem:
wenn Du einen Ausschnitt aus einem Bild zeigen willst (aber das ganze Bild natürlich "da" sein muß/soll), dann kannst Du das mit dem clipbereich machen.
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#clip
Mit diesem Bereich kannst Du bestimmen, daß nur ein "Anzeigefeldgroße" Bereich angezeigt werden soll. Mittels vier Links, die auf JS-Routienen verweisen, kannst Du nun diesen bereich pixelweise (oder besser "Pixelblockweise") verschieben lassen, indem die JS-Routienen die css-Werte des Clipbereiches neu schreiben.
Aber damit bekommst Du ein anderes Problem. Du must Dir vorstellen, das das Bild in einem Div liegt, und Du per clip nur einen Teil des Dives anzeigen läst.
************************
* *
* ---- *
* ! ! *
* ! ! *
* ---- *
* *
* *
* *
************************Wenn Du nun den clipbereich 5 Pixel nach rechts verschiebst, dann wird der auch 5 Pixel nach rechts angezeigt. Es würde zwar der Ausschnitt wandern, aber auch selbiger über den Screen. Deswegen must, wenn Du den clipbereich um 5 Pixel nach rechts verschoben hast, das ganze div per CSS-Positions-Neudefintion um 5 Pixel nach links verschieben! Klingt etwas konfus. Stell es Dir mit einem blatt papier vor. Din-A5 (das ganze Bild in einem Div): Jetzt zeige mit dem zeigefinger senkrecht in die Mitte des Blattes, dort liegt der Ausschnitt, den Du siehts. Wenn jetzt dr Ausschnitt nach rechts wandert, Du aber den Zeigefinger nicht bewegen darfst, was must Du machen, um ihn wieder genau über den Ausschnitt zu bekommen? Richtig: das Blatt Papier nach links bewegen. Um die gleiche "verschiebeeinheit"....
Eigentlich ganz einfach ;-)
Chräcker
-
Genau so soll es auch gehen, nur bin ich unfähig ein Script dafür zu schreiben.
Gruß
Ingo
-
Hallo,
das ist "hier" natürlich ein Problem ,-) Wir sind ein Verein der Selbermacher, hätte ich ein fertiges Script dafür, würde ich es natürlich sofort schicken (ehrlich), aber ich bastel die mir immer so auf meine Bedürfnisse zurechtgeschnitzt, daß ich eben keins für Deinen speziellen Fall habe. Da kann ich Dir nur noch ein blättern durch die einschlägigen Scriptsammlungen empfehlen. (Außer, Du machst Dir die Freude, und bastelst doch mal selber, kann nämlich Spaß machen.... allerdings braucht man dazu auch etwas Zeit, ich weiß....)
Als Startseite zur Scriptsuche gibts neben google auch diese hier:
http://aktuell.de.selfhtml.org/links/dhtml.htm
Chräcker
-
-