auf Nordrhein Westf鋖ischer Rock'n'Roll Verband unter offizielles -> vostand gibt es eine Bildergalerie. Hier soll der Name und die Position im Vostand angezeigt werden wenn die Maus auf das Bild gestellt wird (onmouseover) Im Test wird dies angezeigt aber nicht im IE oder firefox browser. Zur Zeit nutze ich noch X5 V8.
Bildergalerie und onmouseover
-
-
metahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>
hat das problem scheinbar gelöst. mal sehen ob das bei allen funktioniert. Bleibt die Frage ob das mit derr V9 / V10 ohne diesen Eintrag gelöst wir und welche anderen positiven Änderungen es geben wird
gibt es auch Lösungen für firefox un Chrome? da geht es noch nicht.
-
ich kenne deine Frage aus dem anderen... Wie auch dort geschrieben ist dieser Text den du dort siehst nur der alt Text vom Bild. Das heißt das wird angezeigt wenn das Bild z.B. nicht geladen werden kann. Das hat nichts mit onmouseover oder dergleichen zu tun. Ein Tooltip wäre der title tag in der Url dieser ist aber dort nicht vorhanden.
Wie auch dort geschrieben... mach mal ein Update der 8er Version. Im answers Profil gibt es den Download dazu oder auch hier
Nein dein geschriebenes ist nicht die Lösung. Das sagt nur dem Browser das er den IE7 Modus benutzen soll. Was auch bei der 8er Version manchmal nicht verkehrt war.
Wenn du jetzt einen Tooltip haben willst dann kannst du z.B. das benutzen - ist getestet....
Unter Eigenschaften der Seite (in den Head)
HTML- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
- <script type="text/javascript">
- /*
- * Tooltip script
- * powered by jQuery (http://www.jquery.com)
- *
- * written by Alen Grakalic (http://cssglobe.com)
- *
- * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
- *
- */
- /* Modifiziert vom Unofficial WsX5 Forum
- * http://unofficialwsx5.de
- */
- this.tooltip = function() {
- /* Konfiguration */
- xOffset = 10;
- yOffset = 20;
- // Diese beiden Variablen bestimmen die Entfernung vom Popup zum Cursor
- // Dies muss man vielleicht anpassen wenn einem die Darstellung nicht passt
- /* Ende Konfiguration */
- $(".imImagePNG").hover(function(e) {
- this.t = this.alt;
- this.alt = "";
- $("body").append("<p id='tooltip'>" + this.t + "</p>");
- $("#tooltip").css("top", (e.pageY - xOffset) + "px").css("left", (e.pageX + yOffset) + "px").fadeIn("fast");
- }, function() {
- this.alt = this.t;
- $("#tooltip").remove();
- });
- $(".imImagePNG").mousemove(function(e) {
- $("#tooltip").css("top", (e.pageY - xOffset) + "px").css("left", (e.pageX + yOffset) + "px");
- });
- };
- // Starte das Script nachdem die Seite fertig geladen ist
- $(document).ready(function() {
- tooltip();
- });
- </script>
- <style type="text/css">
- #tooltip {
- position: absolute;
- border: 1px solid #333;
- background: #f7f5d1;
- padding: 2px 5px;
- color: #333;
- display: none;
- font: 150% Arial, Helvetica, sans-serif;
- padding: .5em .5em;
- }
- </style>
Schriftart und Farbe und Größe kann man im style Bereich einstellen.