größenveränderung bei rollover-bild-erstellung

  • hi @ all


    ist es möglich die parameter für das 2 image bei der rollover-erstellung festzulegen?


    im quellcode wird immer nur "image 1" beschrieben ...


    kann mir da jemand helfen? :confused:

  • Du mußt jedem Bild welchem ein Rollover-Effekt zugewiesen werden soll einen eindeutigen Namen zuweisen, wie im Screenshot zu erkennen.

    Sonst weist DW allen Bildern die Bezeichnung image1, image2 etc. zu

    Natürlich mußt Du in DW für jedes Bild welches ein Rollover-Verhalten bekommen soll das Verhalten neu definieren ;)

  • vielleicht hab ich was falsch verstanden.


    ich hab den dreamweaver MX und würd gern ein rollover-bild erstellen, nur nimmt das bild, welches durch den mauskontakt aufgerufen wird, die größe des ausgangsbildes an.


    das rollover arbeite ich (wie in bild) mit der "einfügen-kosole" in htlm ein, doch kann nicht die größe das 2 bildes nicht ändern.

    Code
    1. <div align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','../Eigene%20Dateien/Eigene%20Bilder/Axe_anim.gif ',1)"><img src="../Eigene%20Dateien/Eigene%20Bilder/alienlunch277.gif" name="Image1" width="124" height="82" border="0"></a></div>


    wie im code zu sehe ist, wird nur das bild 1 umschrieben.
    an welcher stelle kann ich die größe des bildes im code angeben?


    das fenster - "bildaustauschen" aus dem grafischen beispiel von [art-d-sign] hab ich noch nicht entdeckt :(

  • Ein Rollover-Bild ist ein Javascript-Verhalten.

    Aufgerufen wird das Fenster in DW unter Fenster --> Verhalten oder die Tastenkombination Umschalttaste + F3, dort klickt man auf das +Zeichen und wählt den Eintrag Bild austauschen

  • das mit dem bildaustauschen hab ich hinbekommen :rolleyes:


    letztendlich komm ich wieder auf einen code, wo nur die parameter eines bildes aufgezeigt sind.

    Code
    1. <div align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','../Eigene%20Dateien/Eigene%20Bilder/Axe_anim.gif ',1)"><img src="../Eigene%20Dateien/Eigene%20Bilder/alienlunch277.gif" name="Image1" width="124" height="82" border="0"></a></div>


    bin ganz verwirrt



    ich dacht man könnt es so machen

    Code
    1. <div align="center"><a href="#" onMouseOver="MM_swapImage('bild1','',',bild2)" onMouseOut="MM_swapImgRestore()">)"><img src="...gif" name="bild1" width="124" height="82" border="0"><img src="...gif" name="bild2" width="124" height="82" border="0"></div>


    aber da erscheinen die bilder nebeneinander


    ???

  • Zitat von secarum

    ich dacht man könnt es so machen

    Code
    1. <div align="center"><a href="#" onMouseOver="MM_swapImage('bild1','',',bild2)" onMouseOut="MM_swapImgRestore()">)"><img src="...gif" name="bild1" width="124" height="82" border="0"><img src="...gif" name="bild2" width="124" height="82" border="0"></div>


    aber da erscheinen die bilder nebeneinander

    ???


    Ja Du hast ja jetzt auch 2 Image-Tags im Code - Ergo es werden 2 Bilder angezeigt.
    In Deinem Bsp. haben Bild1 & Bild2 die selbe Größe (width="124" height="82"), eingangs sprachst Du von einer Größenänderung.

    Ich glaube jetzt ist es an der Zeit uns zu erklären, was Du erreichen möchtest.

    Floh