JQuery Pikachoose Plugin ungewöhnliche Ergebnisse in IE geben

Question

Ich habe Jquery Pikachoose-Plugin auf meiner Seite verwendet, um einige Bilder als Diashow angezeigt werden soll.

Aber in IE, statt Bild zu gleiten, öffnet sie das Bild in der gleichen Seite in voller Größe zu sehen.

UND die lustige Sache ist, wenn vor dem Skript öffnet das Bild, wenn ich die Folie selbst ändern, indem Sie auf ein Thumbnail, dann ab diesem Punkt und weiter, es funktioniert gut.

Wie beheben dies

ich die Bildnamen aus der Datenbank abrufen und anzeigen, wie die folgenden

echo 
'<div id="slideShow" class="sublayout pikachoose"> 
    <ul id="pikame">'; 
     while($row = mysql_fetch_array($result)) { 
      extract($row); 
      echo 
      '<li> 
       <a href="images/slideshow/'.$image.'"> 
         <img src="images/slideshow/th_'.$image.'" title='.$title.' alt='.$title.'/> 
       </a> 
       <span>'.$title.'</span> 
      </li>'; 
     } 
    echo 
    '</ul> 
</div>'; 

Das ist mein pikachoose sind Optionen in pikachoose.js

var defaults = { 
     show_captions: true, 
     auto_play: true, 
     show_prev_next: true, 
     slide_speed: 5000, 
     thumb_width: 26, 
     thumb_height: 20, 
     buttons_text: { play: "", stop: "", previous: "Previous", next: "Next" }, 
     delay_caption: true, 
     user_thumbs: false, 
     transition:[-1], 
     IESafe: true 
    }; 

initialisieren ich das Plugin Verwenden Sie diese (auch in separate Datei)

$(document).ready(function(){ $("#pikame").PikaChoose({auto_play:true, IESafe: true}); }); 

funktioniert in anderen Browsern

Entdeckungen

1. Wenn ich die <a> die <img> entfernen, stoppt dies das Skript aus dem Bild zu öffnen
2. Die Demo in der offiziellen Seite zur Verfügung gestellt auch wie verhält dies

Answer 1

Haben Sie versucht, die Img-Tag Höhe/Breite ?? um IE7 Quirks zu umgehen.

Answer 2

Versuchen Sie, den DOCTYPE für das HTML-Dokument hinzuzufügen/zu entfernen/zu ändern, da ich gesehen habe, dass IE Probleme aufgrund von Doctype-Einstellungen verursacht.

Versuchen Sie auch, den abschließenden Schrägstrich aus dem img-Tag zu entfernen()

, wenn eine der oben genannten Arbeiten, dann die Arbeits Demo vergleichen und Ihr Dokumenttyp so sehen, ob Sie den richtigen Doctype-Tag verpaßt ...

Answer 3

Welcher IE (es gibt 3, die noch verwendet werden)? Abhängig von der Version können Sie den Benutzer dazu bringen, in den "Kompatibilitätsmodus" zu wechseln. Auch wenn Sie sicherstellen können, dass Sie ein striktes XHTML-Format haben (title und alt haben keine doppelten Anführungszeichen in Ihrem Snippet), einschließlich DOCTYPE, das helfen könnte. Versuchen Sie, ein leeres Tag für das erste Bild zu verwenden (nur ein ohne Inhalt, Sie können es ein leeres/transpatentes Bild in href geben, wenn Sie wollen)