Plugin di Jquery Pikachoose che fornisce risultati insoliti in IE

Question

Ho utilizzato il plug-in Jquery Pikachoose sulla mia pagina per visualizzare alcune immagini come presentazione.

Ma in IE, anziché l'immagine da scorrere, si apre l'immagine nella stessa pagina a schermo intero.

E la cosa divertente è che, se prima la sceneggiatura apre l'immagine, se io stesso cambio la diapositiva facendo clic su una miniatura, allora da questo punto in poi, funziona perfettamente.

Come risolvere questo

vado a prendere il nome dell'immagine dal database e visualizzare il seguente

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>'; 

Questo è il mio opzioni pikachoose 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 
    }; 

ho inizializzare il plugin usando questo (anche in un file separato)

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

funziona bene in altro browser

risultati

1. Se rimuovo il <a> il <img>, questo si arresta lo script di aprire l'immagine
2. La demo fornita nella pagina ufficiale si comporta anche come questo

Answer 1

Hai provato a impostare il tag img altezza/larghezza ?? bypassare IE7 Quirks.

Answer 2

Provare ad aggiungere/rimuovere/modificare DOCTYPE per il documento html come ho visto IE causa problemi dovuti alle impostazioni doctype.

Inoltre, provare a rimuovere la barra di chiusura del tag img()

se una delle opere di cui sopra, quindi confrontare la demo di lavoro e il tipo di documento in modo da vedere se ti sei perso il tag doctype corretto ...

Answer 3

Quale IE effettivo (ce ne sono 3 in uso)? A seconda della versione, potresti farlo urlare all'utente per lasciarlo passare alla "modalità compatibilità". Inoltre, puoi assicurarti di disporre di un formato XHTML rigoroso (titolo e alt non hanno virgolette nel tuo snippet), incluso DOCTYPE che potrebbe essere d'aiuto. Prova a utilizzare un tag vuoto per la prima immagine (solo un senza contenuto, puoi dargli una foto vuota/transpatent in href se vuoi)