Seite 4 von 5

Re: Bildwechsel bei mousover

Verfasst: Di 3. Mai 2011, 09:28
von 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

Re: Bildwechsel bei mousover

Verfasst: Di 3. Mai 2011, 11:53
von 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...

Re: Bildwechsel bei mousover

Verfasst: Mi 4. Mai 2011, 10:40
von 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.

Re: Bildvergrößerung bei mousover

Verfasst: Sa 4. Feb 2012, 13:52
von 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

Re: Bildwechsel bei mousover

Verfasst: Sa 4. Feb 2012, 14:19
von moni
Hallo Patrick...
kann mir auch dran erinen das das thema schon mal hier war.... :E :E :E
wäre das für dich etwas was ?
http://blicke1.npage.de/zoom_bild_85387290.html

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

Re: Bildwechsel bei mousover

Verfasst: Sa 4. Feb 2012, 14:23
von Patrick
huhu moni,

ja das kommt schon gut. Allerdings muss es html sein und kein css :E. 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>


Re: Bildwechsel bei mousover

Verfasst: Sa 4. Feb 2012, 14:25
von 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....

Re: Bildwechsel bei mousover

Verfasst: Sa 4. Feb 2012, 14:35
von 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 :E
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>

Re: Bildwechsel bei mousover

Verfasst: Sa 4. Feb 2012, 16:02
von Patrick
Patrick hat geschrieben:huhu moni,

ja das kommt schon gut. Allerdings muss es html sein und kein css :E. 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 :-(

Re: Bildwechsel bei mousover

Verfasst: Sa 4. Feb 2012, 17:51
von moni
werd mich damit dann beschäftigen doch jetz mus mein PC wieder aufmotzten und einige Program instaliren.... :X habe momentan kein Kopf dafür Patrick