nicht angemeldet
HILFE! Bilder mit Zoomeffekt im CSS
0 0 0 0 0
HILFE! Bilder mit Zoomeffekt im CSS
hallo liebe leute,
ich habe auf meiner page "zoom" effekt mit bildern gemacht. damit wäre ich auch zufrieden wenn ich bestimmen könnte wo das vergrößerte bzw. zoombild angezeigt werden soll?? zur zeit wird bei mir das zoom bild da angezeigt wo das kleine liegt (gleiche positionierung, obere linke ecke). ich würde gerne das zoombild ganz rechts auf der page positionieren wollen wo es platz ist und jedes bild sollte auch dort erscheinen. kann mir jemand bitte, bite helfen??
danke im voraus!!
pixi
-
Hallo ,
ich habe auf meiner page "zoom" effekt mit bildern gemacht. damit wäre ich auch zufrieden wenn ich bestimmen könnte wo das vergrößerte bzw. zoombild angezeigt werden soll?? zur zeit wird bei mir das zoom bild da angezeigt wo das kleine liegt (gleiche positionierung, obere linke ecke). ich würde gerne das zoombild ganz rechts auf der page positionieren wollen wo es platz ist und jedes bild sollte auch dort erscheinen. kann mir jemand bitte, bite helfen??
Also ich für meinen Teil verstehe überhaupt nicht wa du machen willst. Hast du schon etwas vorbereitet, dass wir uns angucken können?
Grüße
Jeena Paradies--
Ihr wisst ja nichts ist besser als Bass.-
hi jeena paradies,
habe ich vorbeireitet, aber das bild hochladen geht hier nicht, oder kenne ich es nicht?? bin das erste mal hier.
darf ich es dir auf deine mailadresse schicken??!
danke, grüße!!
-
Hallo,
habe ich vorbeireitet, aber das bild hochladen geht hier nicht, oder kenne ich es nicht?? bin das erste mal hier.
Du kannst ein Bild auf Deinen Webserver legen und dann hier einen
Link dazu machen, oder es in Dein Posting einbinden: </faq/#Q-19>Viel hilfreicher als ein Screenshot waere allerdings Quellcode. </faq/#Q-07c>
Am besten stellst Du die ganze Seite online und machst hier einen Link.
Dann wird schneller klar, was Du willst, und was Probleme machen kann.darf ich es dir auf deine mailadresse schicken??!
Der Wechsel vom Forum zu Mail ist IMHO fast nie sinnvoll.
Hier ganz bestimmt nicht.Forum: Viele Teilnehmer, viel Wissen. Dank Archiv auch fuer die "Nachwelt" hilfreich.
Mail: 2 Teilnehmer, begrenztes Wissen. Egoistisch - nur Du profitierst.Gruesse,
Thomas
-
Der Wechsel vom Forum zu Mail ist IMHO fast nie sinnvoll.
Hier ganz bestimmt nicht.
Forum: Viele Teilnehmer, viel Wissen. Dank Archiv auch fuer die "Nachwelt" hilfreich.
Mail: 2 Teilnehmer, begrenztes Wissen. Egoistisch - nur Du profitierst.ja, hab verstanden was du meinst. hast ja recht, aber deswegen habe ich ja auch zuerst gefragt.
Du kannst ein Bild auf Deinen Webserver legen und dann hier einen
Link dazu machen, oder es in Dein Posting einbinden: </faq/#Q-19>ich habe keine domain, wie kann ich sonst meine seite online stellen??
-
Hallo ,
ich habe keine domain, wie kann ich sonst meine seite online stellen??
Was du brauchst ist Speicherplatz auf einem Server. Diesen gibt es bei Providern. Unter http://webhostlist.de/ kannst du dir einen aussuchen. Dort gibt es auch kostenlose Angbote. Wenn du aber noch unerfahren in solchen Sachen bist, dann wird es schweer für dich sein, zu entscheiden was du brauchst und was nicht. Was ich dir empfehlen kann ist http://www.it-pc.de Dort bekommst du 10 MB Speicher ohne Zwangswerbung und dieser ist dann sogar schon nach ein paar Stunden (6-12 Std) einsatzbereit. Du kannst dich dort anmelden, und dann kannst du deine Dateien entweder über deinen Browser hochladen, oder du besorgst dir ein FTP Programm mit dem du es viel komfortabler machen kannst.
Für die Zeit dazwischen kannst du mir das Bild auch schicken, und ich lade es für dich hoch. Dann gebe ich dir den Link, und du kannst ihn dann hier posten.
Grüße
Jeena Paradies--
Ihr wisst ja nichts ist besser als Bass.-
Für die Zeit dazwischen kannst du mir das Bild auch schicken, und ich lade es für dich hoch. Dann gebe ich dir den Link, und du kannst ihn dann hier posten.
das ist megasuper!! ich danke dir vielmals, jeena paradies!! ich schicke es dir gleich rüber.
grüße!!
-
dank jeena paradies habe ich jetzt den link zur der seite wo ich das problem mit dem zoomen habe. wie jeena schon gemerkt hatte, ich habe in den namen der bilder die leerzeichen. das werde ich rausnehmen.
jetzt über mein problem: wenn ihr mit der maus über das kleine bild fährt, dann wird das große gezeigt. da sieht man welche bilder drüber oder drunter liegen. deswegen würde ich gern´, dass wenn ich mit der maus über das kleine bild fahre, dass das große bild weiter rechts auf der seite erscheint wo es platz ist und nicht an der gleichen stelle wo das kleine liegt. hoffentlich gibt es hilfe. ;) danke noch mal an alle! grüße, pixi
-
Hallo ,
dank jeena paradies habe ich jetzt den link zur der seite wo ich das problem mit dem zoomen habe. wie jeena schon gemerkt hatte, ich habe in den namen der bilder die leerzeichen. das werde ich rausnehmen.
Links kann man auch in den Text einbinden siehe http://forum.de.selfhtml.org/faq/#Q-19
jetzt über mein problem: wenn ihr mit der maus über das kleine bild fährt, dann wird das große gezeigt. da sieht man welche bilder drüber oder drunter liegen. deswegen würde ich gern´, dass wenn ich mit der maus über das kleine bild fahre, dass das große bild weiter rechts auf der seite erscheint wo es platz ist und nicht an der gleichen stelle wo das kleine liegt. hoffentlich gibt es hilfe. ;) danke noch mal an alle! grüße,
Ich denke das geht am besten mit Positionierung. Wo genau willst du das Bild haben?
BTW: Wie erstellst du denn eigentlich deinen Quellcode mit einem Programm oder von Hand?
Grüße
Jeena Paradies--
Ihr wisst ja nichts ist besser als Bass.-
Ich denke das geht am besten mit Positionierung. Wo genau willst du das Bild haben?
das bild sollte rechts auf der seite sein, gleich neben den kleinen bildern. ich wollte, dass die kleinen bilder da bleiben wo sie sind und nur wenn man mit der maus darüber fährt, dass rechts, neben den kleinen bilder, das große bild erscheint.
BTW: Wie erstellst du denn eigentlich deinen Quellcode mit einem Programm oder von Hand?
den quellcode habe ich von hand geschrieben, habe kein programm dafür. ist es schlimm??
grüße, pixi-
Hallo ,
das bild sollte rechts auf der seite sein, gleich neben den kleinen bildern. ich wollte, dass die kleinen bilder da bleiben wo sie sind und nur wenn man mit der maus darüber fährt, dass rechts, neben den kleinen bilder, das große bild erscheint.
Äm was machen die Leute mit kleinen Bildschirmen? Meine Frau hier hat einen Bildschirm, der 14" groß ist. Das ist sicherlich nicht die Mehrheit, aber einen 15" Monitor mit einer Auflösung von 800x600 gibt es schon sehr oft. Diese Leute müssten dann nach rechts scrollen, um das Bild zu sehen, wenn sie aber scrollen sieht man das Bild nicht, und wenn man zu so weit scrollen will, dass man das Bild sieht kann man nicht mehr über das Bild fahren, um es erscheinen zu lassen, weil es dann im unsichtbaren bereich ist, den man ja gerade nach links gescrollt hat. Du solltest dir überlegen, wie du das anders lösen kannst. Ich würde es genau unten drunter machen, oder so wie es Christoph [pref:t=61755&m=348534] vorgeschlagen hat.
den quellcode habe ich von hand geschrieben, habe kein programm dafür. ist es schlimm??
Nein im Gegenteil, dann hast DU die ganze Kontrolle über alles.
Grüße
Jeena Paradies--
Ihr wisst ja nichts ist besser als Bass.-
Du solltest dir überlegen, wie du das anders lösen kannst. Ich würde es genau unten drunter machen, oder so wie es Christoph [pref:t=61755&m=348534] vorgeschlagen hat.
ich würde es gern auch so lassen wie es jetzt ist - die gleiche position von kleinen und großen bildern. nur dabei stört mich sehr, dass die anderen kleinen bilder über das große bild liegen.
wenn du mit der maus über das 1. bild von links "die braune katze" fährst, dann siehst du auch die anderen kleinen bilder und die liegen ja noch darüber. das finde ich schlimm.
wenn ich dafür eine lösung hätte dann wäre ich damit schon glücklich.-
Hallo ,
ich würde es gern auch so lassen wie es jetzt ist - die gleiche position von kleinen und großen bildern. nur dabei stört mich sehr, dass die anderen kleinen bilder über das große Bild liegen.
wenn du mit der maus über das 1. bild von links "die braune katze" fährst, dann siehst du auch die anderen kleinen bilder und die liegen ja noch darüber. das finde ich schlimm.
wenn ich dafür eine lösung hätte dann wäre ich damit schon glücklich.http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#z_index
Gib bei hover einen höheren z-index an.Grüße
Jeena Paradies--
Ihr wisst ja nichts ist besser als Bass.-
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#z_index
Gib bei hover einen höheren z-index an.
ich wüsste nicht das man bei hover einen z-index angeben kann. meine bilder haben z-index aber nicht die mauszustände. weißt du wie das dann aussehen soll? hier ist mein script fürs zoomen der bilder.
a:hover .zoom {
filter='()';}a:link .zoom {
width : 60px;
height : 52px; }a:hover .zoom {
width : 300px;
height : 260px; }grüße,
pixi-
Hallo ,
a:hover .zoom {
filter='()';}Was soll das denn eigentlich? Wozu ist das? Was passiert, wenn du das weglässt?
a:link .zoom {
width : 60px;
height : 52px;
z-index: 1;
}
a:hover .zoom {
width : 300px;
height : 260px;
z-index: 2;
}
Das müsste normalerweise funktionieren. Aber vorsicht, ich habe mir mal die Seite kurz im Mozilla angeguckt, und der zeigt die Bilder nach oben an, also so, dass sie oben aus dem Fenster rausragen, und man sie nicht sieht.Grüße
Jeena Paradies--
Ihr wisst ja nichts ist besser als Bass.-
Hallo ,
a:hover .zoom {
filter='()';}
Was soll das denn eigentlich? Wozu ist das? Was passiert, wenn du das weglässt?hallo jeena,
ohnea:hover .zoom {
filter='()';}
gibt´s gar keinen zoom-effekt. nichts. nur die kleinen bilder zu sehen. und mit der angabe der höheren zahl des z-index gibt es keine veränderung. die kleinen bilder liegen weiter über das große bild. habe alle kombinationen versucht.
grüße, pixi
-
-
-
-
-
-
-
-
-
-
Hallo,
Was du brauchst ist Speicherplatz auf einem Server. Diesen gibt es bei Providern. Unter http://webhostlist.de/ kannst du dir einen aussuchen. Dort gibt es auch kostenlose Angbote.
Bitte verlinkt im Moment nicht auf diese webhostlist.de, wenn es um Gratis-Webspace geht!
Der Link "kostenlose" auf der webhostlist.de-Homepage zeigt auf
http://free.webhostlist.de, was umgeleitet wird auf http://www2.webhostlist.de/free/
Diese Seiten und auch die uebrigen URLs, unter denen diese Liste erreichbar war
http://freewebhost.de/ a.k.a. http://www.webhostlist.de/free/
sind schon seit mehreren Tagen (wenn nicht sogar laenger) offline (404).Auch als Suchresultate werden nur kostenpflichtige Hoster ausgegeben.
Keine Ahnung, warum die den Bereich einfach geloescht haben,
jedenfalls sollte man zur Zeit niemanden dorthin schicken, der nach
kostenlosem Webspace sucht!---
Es gibt genuegend andere Listen von Free-Webspace.
Ein paar davon habe ich gelistet auf:
http://www.tiptom.ch/homepage/webspacegratis.htmlGruesse,
Thomas
-
Es gibt genuegend andere Listen von Free-Webspace.
Ein paar davon habe ich gelistet auf:
http://www.tiptom.ch/homepage/webspacegratis.htmlGruesse,
Thomas
danke für die liste!! da sah ich tripod/lycos. da habe ich mich vor 2 jahren angemeldet! muss gleich nach meinem password sehen, vielleicht kann ich deren "megabytes" immer noch benutzen. danke!!
-
Hallo,
danke für die liste!! da sah ich tripod/lycos. da habe ich mich vor 2 jahren angemeldet! muss gleich nach meinem password sehen, vielleicht kann ich deren "megabytes" immer noch benutzen. danke!!
Bitte.
Aber: Tripod bindet sehr aggressiv Werbung ein (Frames, JavaScript).
Ich wuerde es nur fuer mich selbst zum Testen (PHP, MySQL) benutzen,
und auch das nur mit abgeschaltetem JavaScript.Gruesse,
Thomas
-
-
-
-
-
-
-
-
hallo liebe leute,
ich habe auf meiner page "zoom" effekt mit bildern gemacht. damit wäre ich auch zufrieden wenn ich bestimmen könnte wo das vergrößerte bzw. zoombild angezeigt werden soll?? zur zeit wird bei mir das zoom bild da angezeigt wo das kleine liegt (gleiche positionierung, obere linke ecke). ich würde gerne das zoombild ganz rechts auf der page positionieren wollen wo es platz ist und jedes bild sollte auch dort erscheinen. kann mir jemand bitte, bite helfen??
danke im voraus!!
pixidank jeena paradies habe ich jetzt den link zur der seite wo ich das problem mit dem zoomen habe. wie jeena schon gemerkt hatte, ich habe in den namen der bilder die leerzeichen. das werde ich rausnehmen.
jetzt über mein problem: wenn ihr mit der maus über das kleine bild fährt, dann wird das große gezeigt. da sieht man welche bilder drüber oder drunter liegen. deswegen würde ich gern´, dass wenn ich mit der maus über das kleine bild fahre, dass das große bild weiter rechts auf der seite erscheint wo es platz ist und nicht an der gleichen stelle wo das kleine liegt. hoffentlich gibt es hilfe. ;) danke noch mal an alle! grüße, pixi
http://www.jeenaparadies.it-pc.de/pixi/seite2/
-
Hallo.
jetzt über mein problem: wenn ihr mit der maus über das kleine bild fährt, dann wird das große gezeigt. da sieht man welche bilder drüber oder drunter liegen. deswegen würde ich gern´, dass wenn ich mit der maus über das kleine bild fahre, dass das große bild weiter rechts auf der seite erscheint wo es platz ist und nicht an der gleichen stelle wo das kleine liegt. hoffentlich gibt es hilfe. ;) danke noch mal an alle! grüße, pixi
Kombiniere den Ansatz von http://www.meyerweb.com/eric/css/edge/popups/demo2.html mit deinem bisherigen Konzept.
MfG, at-
Hallo ,
Kombiniere den Ansatz von http://www.meyerweb.com/eric/css/edge/popups/demo2.html mit deinem bisherigen Konzept.
Das hätte auch den Vorteil, dass die kleinen Bilder schon geladen sind und angezeigt werden, und die großen noch im Hintergrund nachgeladen werden, während man deine Seite schon betrachten kann.
Grüße
Jeena Paradies--
Ihr wisst ja nichts ist besser als Bass.-
Hallo ,
Kombiniere den Ansatz von http://www.meyerweb.com/eric/css/edge/popups/demo2.html mit deinem bisherigen Konzept.
Das hätte auch den Vorteil, dass die kleinen Bilder schon geladen sind und angezeigt werden, und die großen noch im Hintergrund nachgeladen werden, während man deine Seite schon betrachten kann.ok. dann an die arbeit! ich berichte dann wieder was daraus geworden ist.
danke an alle nochmal!
pixi -
Hallo ,
Kombiniere den Ansatz von http://www.meyerweb.com/eric/css/edge/popups/demo2.html mit deinem bisherigen Konzept.
Das hätte auch den Vorteil, dass die kleinen Bilder schon geladen sind und angezeigt werden, und die großen noch im Hintergrund nachgeladen werden, während man deine Seite schon betrachten kann.hallo wieder!
ein lächel sitzt mir im gesicht. ;) wie mir hier vorgeschlagen wurde, habe ich mein code mit ein paar sachen aus dem oberen link kombiniert und es klappt! hier der link von dem was ich gemacht habe, damit ihr das ergebnis sehen könnt. ich muss da noch einiges machen, aber es geht ja halt nur um die funktion.http://mitglied.lycos.de/Snjeza/b_wurf.html
mouseover ging nicht, aber dann habe ich unter den kleinen bildern ein objekt gelegt, das die mouseover-funktion ausführt. das finde ich auch ok. ich werde die roten flächen noch kleiner bzw. tiefer machen und anderes färben und ich kann es so lassen. was meint ihr??
danke nochmal für die hilfe. weitere vorschläge sind weiterhin willkommen.
liebe grüße,
pixi
-
Hallo.
ein lächel sitzt mir im gesicht. ;) wie mir hier vorgeschlagen wurde, habe ich mein code mit ein paar sachen aus dem oberen link kombiniert und es klappt! hier der link von dem was ich gemacht habe, damit ihr das ergebnis sehen könnt. ich muss da noch einiges machen, aber es geht ja halt nur um die funktion.
Gratuliere :-)
Allerdings musst du wirklich noch _einiges_ machen: http://validator.w3.org/check?uri=http%3A%2F%2Fmitglied.lycos.de%2FSnjeza%2Fb_wurf.html. Denn bei einem solchen Quellcode kann leider auch das Funktionieren einer Lösung auf einen Interpretationsfehler des Browsers zurückzuführen sein.
MfG, at-
Gratuliere :-)
Allerdings musst du wirklich noch _einiges_ machen: http://validator.w3.org/check?uri=http%3A%2F%2Fmitglied.lycos.de%2FSnjeza%2Fb_wurf.html. Denn bei einem solchen Quellcode kann leider auch das Funktionieren einer Lösung auf einen Interpretationsfehler des Browsers zurückzuführen sein.
MfG, atdanke! ;)
zuviel will ich nicht recherchieren, sonst verschwindet schnell mein lächeln aus´m gesicht. aber ich schreibe mir das hinter den ohren! ;)
-
-
Hallo,
In Mozilla 1.2.1 (unter Linux, JavaScript ausgeschaltet wegen Tripod)
sind die kleinen Bilder ganz oben im Fenster und nur zur Haelfte
sichtbar.
Die grossen Bilder erscheinen nur, wenn man mit der Maus
per Zufall ueber einen Bereich deutlich _unter_ den kleinen
Bildern faehrt. Dieser Bereich wird dann rot.Screenshot (97 kB):
http://www.tiptom.ch/tests/fremdes/pixikatzen1.pngweitere vorschläge sind weiterhin willkommen.
Mach den Quelltext valide. :-)
Den HTML-Quelltext wirst Du bei Tripod natuerlich
nicht sauber kriegen, weil sie vorne und hinten
ihren JavaScript-Werbe-Sch*** einbauen.Aber auch im CSS hat es noch ein paar Fehler:
[http://jigsaw.w3.org/css-validator/validator?uri=http://mitglied.lycos.de/Snjeza/b_wurf.html]
(Fehlende Einheit - wohl px, Farbangaben ohne #)Gruesse,
Thomas
-
-
-
Kombiniere den Ansatz von http://www.meyerweb.com/eric/css/edge/popups/demo2.html mit deinem bisherigen Konzept.
MfG, atdanke, ich werde es versuchen. ;)
-
-
