Ergebnis 1 bis 3 von 3

Thema: Bild mit Maus bewegen

  1. #1
    HTML Newbie
    Registriert seit
    16.07.2011
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Bild mit Maus bewegen

    Hallo zusammen.

    Ich habe einen Code erstellt. Es handelt sich um ein imagemap mit verschiedenen Punkten (div) mit Mouseover Fenstern.

    Mein Problem:
    Die Karte ist zu groß und ich möchte deswegen mit Hilfe eines "Fensters" (oder wie man das nennen will. Z.B 800x800pixel groß) einen Bereich der Karte betrachten und die Karte innerhalb dieses "Fensters" mit der Maus einfach hin und her bewegen.
    so wie man die Karte von google bewegen kann:
    http://maps.google.de/

    Hier mein code:





    <script type="text/javascript">
    //<!--
    var momentanesElement=null;
    function elementAnzeigen(element) {
    if(momentanesElement!=null)
    momentanesElement.style.display='none';
    momentanesElement=element;
    if(element!=null)
    element.style.display='block';
    }
    //-->
    </script>


    <div>
    <!-- deine Karte -->
    <img src="hs.jpg" alt="" height=440 width=1200>


    <!-- ein Marker/Tooltip-->
    <div style="left:310px;top:180px;position:absolute;" onMouseOver="if(lastChild.previousSibling!=momenta nesElement)lastChild.style.display='block';" onMouseOut="lastChild.style.display='none';">
    <img src='pointrot.gif'>
    <div id="boxId1" style="border:2px solid #F9840F;display:none;position:absolute;bottom:5px; left:5px;background-color:#FFFAF2;">Eine Beschreibung. <a href="#" onClick="elementAnzeigen(null)">schließen</a>
    </div><div style="display:none;z-index:1001" onClick="elementAnzeigen(previousSibling);style.di splay='none';">
    <a href="#" style="border:2px solid #F9840F;position:absolute;bottom:5px;left:5px;back ground-color:#FFFAF2;white-space: nowrap;padding:2px;">Toooltip TextAAA</a></div></div>


    </div>


    Kann mir bitte jemand helfen?
    Danke im Voraus.
    mfg
    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
    HTML Newbie
    Themenstarter

    Registriert seit
    16.07.2011
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild mit Maus bewegen

    Ich habe hier was gefunden aber es hilft mir nicht weiter. (ich bin Anfänger).
    http://www.dma.ufg.ac.at/app/link/Tu...step=5#chapter

    Kann jemand daraus schlau werden?

  3. #3
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Bild mit Maus bewegen

    Schau mal auf jqueryui.com nach, da gibts n Plugin das heisst "Draggable". Damit solltest du weiterkommen.
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

Ähnliche Themen

  1. Bild bewegen durch Maus klick
    Von BIengel im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 26.11.2006, 13:35
  2. Bild oder Text anzeigen wenn mit Maus über Bild
    Von kwg|the-hell im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 12.06.2005, 13:31
  3. Textanzeige wenn Maus auf Bild?
    Von Salamander im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 11.06.2005, 15:11
  4. bild an der maus + scshnee
    Von katrin die zweite im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 32
    Letzter Beitrag: 25.11.2004, 02:12
  5. Bild soll sich bei Maus Over verändern? Wie geht das?
    Von Grunz im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 19.09.2004, 01:39

Stichworte

Berechtigungen

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