onMous over bild vergrößern

hi,

wie mach ich das das beim Mous over das bild in einem eigenstädigen fenster erscheint und dann beim mous out wieder verschwindet?

danke für tipps

Hallo,

ein neues Browserfenster (neuer Tab) soll es wirklich sein? Dann ginge dies mit window.open() und window.close() beim entsprechenden Event. Ich bezweifle aber, dass Du das suchst.

Micha

du hast recht neues Browser fenster wäre nicht das .. sondern ehe so ein art layer oder CSS ..

... und wie sahen Deine Versuche im Moment aus?

nicht so gut ... leider komm ich da nicht so weiter habe mir aber allerhand seiten angschaut und werde mir etwas zu sammen bauen

hier ein beispiel auf einer webseite
http://www.insopit.us/details_projekt19.html
die stelle bei "bildergalerie"

du kannst per javaskript direkt auf die CSS-eigenschaften zugreifen. Dort veränderst du einfach die eigenschaft "width" des bildes.

1. Du gibts dem Bild eine id, etwa so:
<img id="bild_001" src="dasbild.jpg" width="148" height="79" alt="mein Bild"/>

2. Du greifst du auf dieses Element zu (in Javaskript)
document.getElementById('bild_001')

3. dann änderst du in diesem Element den eigenschftswert "heigt" und "width" der style-eigenschaft:
document.getElementById('bild_001').style.height = "158px"
document.getElementById('bild_001').style.width = "296px"

in diesem Beispiel wird das bild auf die doppelte größe skaliert.
Die Höhe wird im img-Tag auf 79 gesetzt (beim ersten Render bzw. laden der Seite). Der style-Tag überschreibt dann wenn das javaskipt aktiviert wird diese höhe. Danach ist sie 158px. Das gleiche passiert mit der Breite von 148 auf 296 Pixel

Stichwort Tooltip.

@Donut
danke für deine Tipp wenn ich das richtig verstehe wird das bild an ort und stelle skaliert das wäre etwas ungünstig weil es dann das layout zerreißt.
es sollte sich so eine art Layer öffnen

@TroX
das habe ich gestern nacht um 0.00 uhr eingebaut geht net ...
weiß echt nicht worn es liegt ....

Zitat:

Original von xamibor @TroX das habe ich gestern nacht um 0.00 uhr eingebaut geht net ... weiß echt nicht worn es liegt ....

es gibt x tausende tooltip scripts da draussen, nicht nur eins
fehlerkonsole geprüft? hast du ein beispiel, wo du es eingebaut hast?

Ich würde mich gar nicht erst mit den ganzen verschiedenen JS-Macken der Browser herumschlagen, sondern lieber ein Script nehmen. Tipp: jQuery + ThickBox:

http://jquery.com/demo/thickbox/#sectionb-2

Klick bei den Beispielen auf "Demo", dann ausprobieren, ob es ist, was Du willst. (Zeigt ein Mini-Vorschaubild an, bei Klick geht ein Layerfenster-auf und zeigt das komplette Bild)

Zitat:

Original von mart Ich würde mich gar nicht erst mit den ganzen verschiedenen JS-Macken der Browser herumschlagen, sondern lieber ein Script nehmen. Tipp: jQuery + ThickBox:

Weil man für einen 5-Zeiler auch immer mit Kanonen auf Spatzen schießen muß. Für das hier beschrieben Problem sind mir auch keine "JS-Macken", was auch immer das sein soll, bekannt. Lediglich getElement(s)By-Methode ist erst seit JS1.5 dabei und sollte hier vll durch document.images erstezt werden oder abgefragt werden aber ansonsten sehe ich kein Problem (wenn Netscape 4 nicht zwingend unterstützt werden soll).

Ich denke auch, das es schon zig-Scripte gibt, die das machen und eine erneute Version nicht wirklich zielführend ist. Ich habe es zB bei den Pins auf der JUserMap eingebaut. Ob da nun Text oder ein Bild drin ist, spielt ja letztlich keine Rolle.

Gruß Micha

frage:

willst du die Boxen eigentlich vorladen oder den inhalt erst laden, wenn man drauf klickt?

Wen ersteres, kannst duc auch die getElementByID-Methode benutzen, indem du einfach fertige Divs mit den großern bildern vorbereitest und diese Standardmäßig asugeblendet sind. Ein Mouseover bearbetetet dann den CSS-Stil, sodass es eingeblendet wird.

aber sowas hast du ja schon eigentlich. Soll es so sein, wie bei dir auf der Seite, nur unbeweglich?

Hi,

ich denke, dass ist nicht seine Seite sondern nur ein Beispiel wie er es gern hätte.

Elemente, die mit display:none ausgeblendet sind, werden zB in Opera nicht vorgeladen. Es macht also nicht viel Sinn. Das erzeugen eines Elements mit JS ist ja mit creatElement auch kein so umständlicher weg.

Gruß Micha