• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Mouseover Bilder

A

alscho

Guest
Hallo, ich möchte gerne ein Bild austauschen mit der Mouseover option

Funktioniert auch im gleichen Tabellenrahmen . Möchte aber das das Bild worauf die Maus zeigt in einem von mir größeren Bild oben angezeigt wird

<img alt="chefe" border="2" height="140" src="images/kr.jpg" width="225" id="img1" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img1',/*url*/'images/reinerkarinzoom.jpg')" />

Mit diesem Code springt es wenn ich die maus drüber fahre von einen zu anderen Bild.
Aber wie sage ich dem code das er das Bild oben in dem größeren Bild anzeigen soll.??
Bitte um Hilfe. Vielen Dank
Hier noch ein Screenshot vom Anliegen das kleine Bild unten links soll bei Mouseover in dem größern oben angezeigt werden.
 

Anhänge

  • test.jpg
    test.jpg
    211,8 KB · Aufrufe: 19
Vielen Dank für die schnelle Antwort. Leider komme ich mit dem i Frame auch nicht weiter. Bekomme zwar mit den Attributen das Fenster so hin wie ich es will, aber nicht das gewünschte Bild dahin wo ich es bei mouseover hin haben möchte. Das gleiche Problem wie ich es auch schon mit der Ebene hatte.Ich kann bei moseover nur angeben Bild tauschen aber nicht wo er es anzeigen soll.
Ich bin allerdings auch html Anfänger. Kann zwar mit den Programmen wie Dreamweaver und anderen Programmen umgehen, kann aber leider noch nicht manuell in der codeansicht einen Befehl eingeben. Werde mir wohl oder übel etwas Fachliteratur zulegen müssen. Habe zwar ein Buch über Dreamweaver , aber das ist von 2004
 
Verstehe ich dich richtig? Du möchtest beim Mouseover über eines der kleineren Bilder unten dieses, d. h. das selbe, in dem großen, breiten Bild oben anzeigen? Dann musst Du um das große Bild einen Container legen und darin das (austauschbare) kleine Bild absolut positionieren.
HTML: 
<div id="wrapper" style="position: relative">
     <img src="dein_grosses_breites_bild.jpg>
    <img id="das_kleinere_Bild" src="" style="position: absolute; left: 100px; top: 50px; visibility: hidden">
</div>
Code: 
function zeigeBild(src) {
    if (src != "") {
        ele = document.getElementById("das_kleinere_Bild");
        ele.src = src;
        ele.style.visibility = "visible";
    else {
        ele.style.visibility = "hidden";
    }
}
HTML: 
<img src="ein_kleines_bild.jpg" onmouseover='zeigeBild(this.src);' onmouseout='zeigeBild("");'>
Oder möchtest Du einfach das große Bild oben gegen das kleine von unten austauschen? Was heißt "es springt"?
 
Zuletzt bearbeitet von einem Moderator:
bdt600 schrieb:
:confused:Crossposting:confused:
Zum Vergrößern anklicken....
Keine Hilfe per PN???????
und wofür Danke?? für ne Abmahnung wegen Crossposting???
Ein Crossposting heisst wenn ich gleichzeitig in mehreren Foren das Problem poste. Wenn ich aber ein Problem habe, und ich bekomme keine Antwort dann versuche ich es selbstverständlich woanders. Ausserdem wäre es hilfreich wenn man nicht nur die option registrieren hat sondern auch die Option Account löschen vorfinden kann. die habe ich nämlich gesucht und nicht gefunden, will auch keinen Streit. Werde in Zukunft nur noch hier posten.
Vielen Dank . MFG Alscho
 
alscho schrieb:
Keine Hilfe per PN???????
und wofür Danke?? für ne Abmahnung wegen Crossposting???
Zum Vergrößern anklicken....

Ja, sehr guter Einstieg. Streit vermeidest du so bestimmt.
So eine Warnung ist für uns andere Nutzer wertvoll, für dich als Crossposter natürlich nicht.

Wenn du (nach ein paar Tagen) keine Antwort erhältst, kannst du mMn crossposten - allerdings nur wenn du in beiden Threads darauf aufmerksam machst.
 
PS: Sehe gerade, dass ich noch einen Fehler gemacht habe. So ist es richtig:
Code: 
function zeigeBild(src) {
    var ele = document.getElementById("das_kleinere_Bild");
    if (src != "") {
        ele.src = src;
        ele.style.visibility = "visible";
    else {
        ele.style.visibility = "hidden";
    }
}
 
Danke Sempervivum
Habe es noch nicht ausprobiert. Musste gerade nochmal weg. Danke dir aber schonmal im voraus.
Falls noch ein Fehler drin sein sollte werde ich ihn dan auch finden. Danke nochmal. Werde mir trotzdem morgen ein paar Bücher kaufen. Habe früher nur mit Mediator und mit Dreamweaver mx gearbeitet.
Werde mich da wieder reinfuchsen. Lg
 
scbawik schrieb:
Ja, sehr guter Einstieg. Streit vermeidest du so bestimmt.
So eine Warnung ist für uns andere Nutzer wertvoll, für dich als Crossposter natürlich nicht.

Wenn du (nach ein paar Tagen) keine Antwort erhältst, kannst du mMn crossposten - allerdings nur wenn du in beiden Threads darauf aufmerksam machst.
Zum Vergrößern anklicken....
Dann erkläre mir doch bitte mal nur zu meinem Verständniss, was war denn jetzt so schlimm daran, ?? Warum regt ihr euch so darübber auf?. Möchte ja nur wissen Warum??
 
Viel Spaß und Erfolg beim Lernen! Javascript und HTML kann man auch sehr gut online lernen. Nachschlagen sowieso.
 
Sempervivum schrieb:
Viel Spaß und Erfolg beim Lernen! Javascript und HTML kann man auch sehr gut online lernen. Nachschlagen sowieso.
Zum Vergrößern anklicken....
Danke . Aber nur vom Nachschlagen und code kopieren lerne ich es wahrscheinlich nicht so schnell. Glaube doch das lesen und ausprobieren mehr bringt. Schönen Tag noch.Schätze bis ich das drauf habe gibt es schon wieder einen neuen Standard. LOL
 
scbawik schrieb:
Ja, sehr guter Einstieg. Streit vermeidest du so bestimmt.
So eine Warnung ist für uns andere Nutzer wertvoll, für dich als Crossposter natürlich nicht.

Wenn du (nach ein paar Tagen) keine Antwort erhältst, kannst du mMn crossposten - allerdings nur wenn du in beiden Threads darauf aufmerksam machst.
Zum Vergrößern anklicken....
Hiermit entschuldige ich mich , das ich hier eine Regel missachtet habe und zu voreilig mein Anliegen auch noch woanders gepostet habe. Es tut mir leid wenn ich damit einige Leute verärgert habe. Kommt nicht wieder vor, werde in Zukunft die Regeln nach meinem besten Gewissen befolgen. Hochachtungsvoll
alscho.
 
alscho schrieb:
Hiermit entschuldige ich mich , das ich hier eine Regel missachtet habe und zu voreilig mein Anliegen auch noch woanders gepostet habe. Es tut mir leid wenn ich damit einige Leute verärgert habe. Kommt nicht wieder vor, werde in Zukunft die Regeln nach meinem besten Gewissen befolgen. Hochachtungsvoll
alscho.
Zum Vergrößern anklicken....

Deinen Sarkasmus erkennt selbst ein Blinder.

alscho schrieb:
Dann erkläre mir doch bitte mal nur zu meinem Verständniss, was war denn jetzt so schlimm daran, ?? Warum regt ihr euch so darübber auf?. Möchte ja nur wissen Warum??
Zum Vergrößern anklicken....

Was willst du wissen? Warum ein Crossposting aufregt?
http://de.wikipedia.org/wiki/Crossposting
 
Hm, ich hatte dieses Posting eigentlich nicht als sarkastisch eingeschätzt, sondern als einen Versuch des TO, die Diskussion zu entspannen und ein gutes Einvernehmen wieder herzustellen.
 
Sempervivum schrieb:
Hm, ich hatte dieses Posting eigentlich nicht als sarkastisch eingeschätzt, sondern als einen Versuch des TO, die Diskussion zu entspannen und ein gutes Einvernehmen wieder herzustellen.
Zum Vergrößern anklicken....

Naja, wie oft liest du in einem Forum "Hochachtungsvoll". Vor allem wenn man sich zuvor duzt.
Das zieht das ganze ins lächerliche. Ist auch egal, seine Wünsche wurden erfüllt.
 
BTW: Ich persönlich finde es viel ärgerlicher als ein Crossposting, wenn ein neuer Benutzer eine Frage postet und dann nicht mehr gesehen wird, nachdem man sich Mühe gegeben hat, diese zu beantworten.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben