Bildwechsel bei mousover

[Patrick]

Ah super! allerdings ist es nicht _blank sondern _self.
Ich will ja nicht, dass sich ein neuer Tab öffnet. Aber so klappts jetzt.

Danke für den Hinweis moni!

LG

[moni]

Bitteschön Patrick..freut mich das dein Problem gelöst ist .. ja oder self..... ist richtig ..aber die Varianten muss man immer beachten je nach dem wie man das sich wünscht...

[peku]

Wahrscheinlich hast du es schon gelöst aber ich schreib es trotzdem mal habe herausgefunden das man mit dem Editor 2 bei npage der kein Flash unterstützt ganz easy mausover machen kann habe dies für Buttons genommen.

[Patrick]

Oh man, ich finde es einfach nicht mehr, was ich suche. Ich weiß moni hat das mal mit mir gemacht, und frage deshalb nochmal nach euren rat.

Es geht um eine onmouseoverfunktion. Und zwar möchte ich, dass ein bild beim berühren größer wird. Es muss aber html sein.
Ich nutze Bilder in der größe 600px x 450px. Diese datei sollte in der vorschau etwa 180 x 135px sein. Und beim berühren soll die komplette größe (600px x 450px) dargestellt werden
Um speicherplatz zu sparen wäre diese funktion super.

Ich weiß wir hatten das schonmal irgendwo.
Ich glaube auch dass moni mir dabei mal geholfen hat

Ich würde mich freuen, wenn mir da geholfen werden kann.

vielen Dank im voraus.

lg
patrick

[moni]

Hallo Patrick...
kann mir auch dran erinen das das thema schon mal hier war....
wäre das für dich etwas was ?
http://blicke1.npage.de/zoom_bild_85387290.html

sieht aber nicht sehr spektakuler aus E ..glaub zu wissen der peter hatte schon mal mit JS Dir inasteliert ..

[Patrick]

huhu moni,

ja das kommt schon gut. Allerdings muss es html sein und kein css . Mal zur besseren verständnis,

Auf dieser seite sieht man zwei kleine Bilder. Diese sollen sich beim berühren vergrößern.
http://www.shop-027.de/PatschWorks-p31h ... t-Elef.htm

Ich habe das ganze in eine Tabelle eingebunden.

Code: Alles auswählen

<table cellspacing="1" cellpadding="1" border="1" width="200" align="center">
    <tbody>
        <tr>
            <td><center><a href="http://file1.npage.de/009238/11/bilder/sb_elefant_1.jpg" target="_blank"><img src="http://file1.npage.de/009238/11/bilder/sb_elefant_1.jpg" width="160" height="120" border="3" alt="http://file1.npage.de/009238/11/bilder/sb_elefant_1.jpg"></a></center>  </td>



            <td><center><a href="http://file1.npage.de/009238/11/bilder/sb_elefant.jpg" target="_blank"><img src="http://file1.npage.de/009238/11/bilder/sb_elefant.jpg" width="160" height="120" border="3" alt="http://file1.npage.de/009238/11/bilder/sb_elefant.jpg"></a></center> </td>
        </tr>
    </tbody>
</table>

[moni]

ohne css kriegste das nicht Hin patrick.....und es ist doch kein poroblem das mosuer over css in deine css noch dazu packen ,und dann mit dem HTML abrufen....

[Patrick]

leider geht das nicht moni. Ich benötige das für den shop und da st nur html erlaubt.
Habe aber gerade was auf deiner seite gefunden, was interessant sein könnte
http://blicke1.npage.de/wechselbild-mit-button.html
Das sollte doch möglich sein, oder?

Ich verstehe nur nicht, was ich wo einfügen muss
Was muss ich bei Bildadresse eintragen, was bei image, was bei wechselbild und was bei document.image.src?

Code: Alles auswählen

    
<Form>
<img src="Bildadresse" name="image" heigt=600 width=450 alt="Wechselbild"><br><h2>Tietel </h2>
<p>
<input type="button" value=" NR 1" onclick="document.image.src='Bildadresse'">

<input type="button" value=" NR 2" onclick="document.image.src='Bildadresse'">
<input type="button" value=" NR 4" onclick="document.image.src='Bildadresse'">
<input type="button" value=" NR 5" onclick="document.image.src='Bildadresse'">
<input type="button" value=" NR 6" onclick="document.image.src='Bildadresse'">


</form>

[Patrick]

huhu moni,

ja das kommt schon gut. Allerdings muss es html sein und kein css . Mal zur besseren verständnis,

Auf dieser seite sieht man zwei kleine Bilder. Diese sollen sich beim berühren vergrößern.
http://www.shop-027.de/PatschWorks-p31h ... t-Elef.htm

Ich habe das ganze in eine Tabelle eingebunden.

Code: Alles auswählen

<table cellspacing="1" cellpadding="1" border="1" width="200" align="center">
    <tbody>
        <tr>
            <td><center><a href="http://file1.npage.de/009238/11/bilder/sb_elefant_1.jpg" target="_blank"><img src="http://file1.npage.de/009238/11/bilder/sb_elefant_1.jpg" width="160" height="120" border="3" alt="http://file1.npage.de/009238/11/bilder/sb_elefant_1.jpg"></a></center>  </td>



            <td><center><a href="http://file1.npage.de/009238/11/bilder/sb_elefant.jpg" target="_blank"><img src="http://file1.npage.de/009238/11/bilder/sb_elefant.jpg" width="160" height="120" border="3" alt="http://file1.npage.de/009238/11/bilder/sb_elefant.jpg"></a></center> </td>
        </tr>
    </tbody>
</table>

kann mir denn keiner helfen

[moni]

werd mich damit dann beschäftigen doch jetz mus mein PC wieder aufmotzten und einige Program instaliren.... habe momentan kein Kopf dafür Patrick