Ergebnis 1 bis 5 von 5

Thema: Verweis-sensitive Grafiken als Mouseovergrafik

  1. #1
    Lealo
    Gast

    Standard Verweis-sensitive Grafiken als Mouseovergrafik

    Halli Hallo

    Ich versuche mich gerade in HTML. Ich habe einen einfachen TextEditor und möchte folgendes:

    Ich habe ein Bild und wenn ich mit der Maus darüber fahre, dann hätte ich gerne ein anderes Bild, dass eine verweis-sensitive Grafik ist. Diese Grafik habe ich schon erstellt. Probleme habe ich damit, diese Grafik als onMouseOver Bild zu definieren. Kann mir da jemand helfen?

    Code:
    <IMG name="PharmaNeu" 
    onMouseOver="PharmaNeu.src='PharmaNeu2.png'"
    onMouseOut="PharmaNeu.src='PharmaNeu.png'"
    src="PharmaNeu.png">
    Das PharmaNeu ist das normale Bild und das PharmaNeu2 ist momenta einfach ein Bild, dass beim Mouseover erscheint und das durch die verweis-sensitive Grafik ersetzt werden sollte.

    Code:
    <p>
      	<img src="PharmaNeu2.png" usemap="#Pharma2" name="PharmaLinks" border="0">
      	<map name="Pharma2">
        	<area shape="rect" coords="34,13,279,40"
              	               href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\InventoryReportPharma.html" 
    	               alt="InventoryReport" title="Inventory">
        	<area shape="rect" coords="34,54,279,78"
              		href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\BackupReportPharma.html" 
    		alt="BackupReport" title="Backup">
        	<area shape="rect" coords="34,90,279,119"
              		href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\IncidentReportPharma.html" 
    		alt="IncidentReport" title="Incident">
        	<area shape="rect" coords="34,131,279,159"
              		href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\AvailabilityReportPharma.html" 
    		alt="AvailabilityReport" title="Availability">
      	</map>
    </p>
    Bin froh um jede Hilfe!
    Liebe Grüsse
    Lealo
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Verweis-sensitive Grafiken als Mouseovergrafik

    Meinst Du du möchstest das zweite Bild anstelle des ersten Bilds anzeigen? Und das zweite Bild soll ein ImageMap sein?

    Dann reicht es ja fast schon so wie Du es aktuell hast. Schreibe einfach nur:

    HTML-Code:
    <img src="PharmaNeu.png" usemap="#Pharma2" name="PharmaLinks" border="0" onMouseOver="PharmaNeu.src='PharmaNeu2.png'" onMouseOut="PharmaNeu.src='PharmaNeu.png'">
      	<map name="Pharma2">
        	<area shape="rect" coords="34,13,279,40"
              	               href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\InventoryReportPharma.html" 
    	               alt="InventoryReport" title="Inventory">
        	<area shape="rect" coords="34,54,279,78"
              		href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\BackupReportPharma.html" 
    		alt="BackupReport" title="Backup">
        	<area shape="rect" coords="34,90,279,119"
              		href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\IncidentReportPharma.html" 
    		alt="IncidentReport" title="Incident">
        	<area shape="rect" coords="34,131,279,159"
              		href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\AvailabilityReportPharma.html" 
    		alt="AvailabilityReport" title="Availability">
      	</map>
    Dadurch ist das Bild zwar immer eine ImageMap, die kann aber sowieso nur genutzt werden wenn der Mauszeiger darüber ist. In dem Fall wird einfach ein anderes Bild angezeigt.

    Hinweis: die Pfadangaben der Links sind sicherlich nur zum Testen oder ist das Absicht?

  3. #3
    Lealo
    Gast

    Standard AW: Verweis-sensitive Grafiken als Mouseovergrafik

    Hallo threadi

    Vielen Dank für deine Antwort. Okay, ja ich möchte PharmaNeu anzeigen und wenn ich mit der Maus darüber fahr möchte ich das Imagemap sehen. Momentan kommt einfach das PharmaNeu2, damit irgendwas kommt wenn ich mit der Maus drüber fahre.

    Dein code funktioniert insofern, dass ich nun die Grafik PharmaNeu habe und wenn ich mit der Maus darüber fahr, dann könnte ich die Pfade der Imagemap anklicken. Aber leider sehe ich das Imagemap nicht. Ich kann nur blind klicken... Verstehst du, was ich meine?

    Die Pfadangaben sind nur zum Testen, ja!

    Liebe Grüsse
    Lealo

  4. #4
    Lealo
    Gast

    Standard AW: Verweis-sensitive Grafiken als Mouseovergrafik

    Also was mir auch noch aufgefallen ist, in deinem vorgeschalgenen Code kommt PharmaNeu2 vor. Aber ich möchte dieses Bild ja gar nicht, ich möchte die verweis-sensitive Grafik (okay die mache ich aus PharmaNeu2) als onMouseover Grafik....

  5. #5
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Verweis-sensitive Grafiken als Mouseovergrafik

    Das ImageMap sieht man auch nicht. Es legt sich wie eine Folie über das Bild und man kann dann mit der Maus die markierten Bereiche anklicken. Wenn Du diese Bereich hervorheben willst, musst Du die Grafik entsprechend anpassen.

Ähnliche Themen

  1. Verweis-sensitive Grafiken
    Von Mountain im Forum HTML & CSS Forum
    Antworten: 32
    Letzter Beitrag: 21.02.2012, 10:08
  2. Problem: Verweis-sensitive Grafiken und Hover im CSS
    Von Manethos im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 26.11.2010, 18:42
  3. Verweis-sensitive Grafiken in HTML 4 aber nicht in xhtml
    Von dernetteMann im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 07.06.2008, 00:21
  4. Image Map - Sensitive Verweis - Klappt nicht!
    Von rth144 im Forum HTML & CSS Forum
    Antworten: 21
    Letzter Beitrag: 07.05.2007, 14:01
  5. Frage zu: Verweis-sensitive Grafiken definieren
    Von fiete im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 29.04.2006, 02:02

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •