benutzerkontoersteller
Grünschnabel
Bei mir funktioniert leider auch die Skalierung der IMAGEMAP nicht. Das Bild wird wunderbar eingepasst - die Links ziehen nicht mit. Gibt es denn Beipiele, wo die Link-Areas wie gewünscht skaliert wurden?
✔ Responsive Image Maps jQuery Plugin
- Themenstarter Alori
- Beginndatum
SpiceLab
ZENmechanic
Das eingangs genannte Beispiel http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html funktioniert wie gewünscht.
Vielleicht zeigst Du mal Deinen verwendeten Code, um zur möglichen Fehlerursache etwas sagen zu können.
benutzerkontoersteller
Grünschnabel
gern:
Code:
<body style="font-family: Verdana, Arial, Georgia; font-size: .9em; color: #ffffff; background-color: #000000;">
<div style="margin-left:auto; margin-right:auto; text-align: center; top: 20px; position: relative; max-width: 450px;">
<div>
<img src="elterngsdd.svg" width="450" height="800" usemap="#map" alt="" />
<map id="map" name="map">
<area shape="rect" alt="" title="" coords="0,0,200,380" href="0.htm" target="_self" />
<area shape="rect" alt="" title="" coords="200,0,450,380" href="1.htm" target="_self" />
<area shape="rect" alt="" title="" coords="0,380,200,580" href="ag.php" target="_self" />
<area shape="rect" alt="" title="" coords="200,380,450,580" href="3.htm" target="_self" />
<area shape="rect" alt="" title="" coords="0,580,450,800" href="4.htm" target="_self" />
</map>
</div>
<div style="position: absolute; top: 98%">
<div style="text-align: left; position: relative; max-width: 90%; padding-left: 5%;">
<p>text</p>
</div>
</div>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.rwdImageMaps.min.js"></script>
<script>
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
$('area').on('click', function() {
alert($(this).attr('alt') + ' clicked');
});
});
</script>
</body>
</html>benutzerkontoersteller
Grünschnabel
Noch nicht, aber ich kann sie mal kurz hochladen ... werde Dir ne PM mit dem link senden.
SpiceLab
ZENmechanic
Du hast fälschlicherweise die GitHub-Seite https://github.com/stowball/jQuery-rwdImageMaps/blob/master/jquery.rwdImageMaps.min.js heruntergeladen - der gleiche Fehler, wie er Deinem Vorgänger unterlaufen ist (siehe Post #6) 
Download: https://github.com/stowball/jQuery-rwdImageMaps/archive/master.zip
Oder: http://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js
Download: https://github.com/stowball/jQuery-rwdImageMaps/archive/master.zip
Oder: http://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js
Zuletzt bearbeitet:
benutzerkontoersteller
Grünschnabel
Tatsächlich! Dabei hatte ich den Thread gelesen und mir gedacht: Das wäre Dir nicht passiert *lach* Nachgeschaut und mein .js geprüft habe ich trotzdem nicht (-:
Ganz vielen Dank!
Ganz vielen Dank!
