Rahmen mit Bild neben Text

[margot-jo]

Hallo, ich möchte Bilder mit einer Lupe in einem Rahmen einsetzen, den ein Text umfließt. Wie kann ich das machen?

[Nancy OShea]

Hello @margot-jo,

There is nothing in Dreamweaver that can magnify images for you. But if you know how to work with code, you can write a script to do that.

Or perhaps this script will do what you want?

https://www.w3schools.com/howto/howto_js_image_magnifier_glass.asp

[hans-g.]

Hallo Margot,

als Ergänzung zu Nancy's Antwort.

Wenngleich mein seinerzeitiger Test auf http://www.dala-laegret1963.de/lupe/lupe.php vmtl. nicht so das ist, was Du suchst, vielleicht hilft er Dir dennoch ein bisschen weiter.

Viele Grüße, ei gutes Neues UND bleib gesund!

Hans-Günter

[margot-jo]

Vielen Dank. Mein Problem ist nicht die Lupe. Da habe ich kein Problem. Ich möchte das kleine Bild zusammen mit der Lupe in einen Rahmen legen, um den dann rechts davon der Text steht. Also das Bild umfließt. Wenn ich dazu ein DIV Element nehme, dann setzt sich diese auf den Text und verdeckt ihn.

[margot-jo]

Hallo Hans-Günter,

jetzt habe ich mich entschlossen das Bild mit mouse over zu vergrößern. Aber leider gelingt mir das auch nicht.

Ich wähle html - rollover und wähle das Originalbild und das Rollover-Bild aus. Das Originalbild verkleinere ich auf die gewünschte Ansichtsgröße. Ich wähle als URL die HTML-Seite auf, auf der sich alles befindet. Aber im Browser geschieht nichts, wenn ich,mit der Maus über das kleine Bild fahre.

Die Bilder bei rollover sollten die gleiche Größe haben, heißt es. Das ist aber nur nützlich, wenn man das gleichgroße Bild in ein anderes austauscht, z.B. bei einem Button. Wie kann ich es machen, dass das Bild vergrößert wird???

[hans-g.]

Hallo Margot,

wenn ich richtig verstehe, dann suchst Du so etwas:

Disjoint-Test-HGD 

Vielleicht kannst Du aber - damit ich mirs noch besser vorstellen kann - einfach eine Prinzipzeichnung einstellen.

Viele Grüße

Hans-Günter

[margot-jo]

Hallo Hans-Günter,

das kommt der Sache näher. Auf der Seite sind Bilder von z.B Details einer Maschine mit Erklärung. Das Bild, das man sieht ist klein, damit die seite nicht zu lang wird. Damit man diese Bilder genau sehen kann, hatte ich früher einen Rahmen in dem das Bild und eine kleine Lupe zu sehen sind. Sobald man auf das Bild oder die Lupe klickt, öffnet sich ein Browserfenster (Verhalten - Browserfenster öffnen) mit dem Bild in groß. Der Text der Beschreibung stand daneben (Rahmen - float links). Jetzt finde ich so einen Rahmen nicht mehr, denn mit DIV setzt sich der Rahmen auf den Text und verdeckt ihn. Wenn ich Bild und Lupe getrennt nehme, dann habe ich Probleme mit dem Text.

Ich habe mich also entschlossen es mit "Rollover" oder "Bild austauschen" zu machen. Aber das funktioniert nicht. Oder nur mit Browerfenster. Da aber dann die Lupe fehlt, klickt keiner auf das Bild um es zu vergrößern.

Was ich also machen möchte, ist, dass, wenn man mit der Maus über das Bild fährt, automatisch das große Bild erscheint und dann wieder verschwindet, wenn die Maus das Bild verlässt.

Gelingt mir nicht. 

  <p class="text_fett_blau"><img src="images/CAM_MkIII/CAM-MKIII_EasyMove_Platte_kl.jpg" alt="CAM Tranportwagen mit Platte" width="130" height="106" id="Platte" title="CAM Tranportwagen mit Platte" onmouseover="MM_swapImage('Platte','','images/CAM_MkIII/CAM-MKIII_EasyMove_Platte.jpg',1)" onmouseout="MM_swapImgRestore()"/>Transport von Platten</p>

Was ist falsch??

[Nancy OShea]

Rollovers do nothing on touch screen devices.  What is your plan B for those people?