2010-06-10 11 views
10

He usado el plugin Jquery Pikachoose en mi página para mostrar algunas imágenes como diapositivas.Plugin Jquery Pikachoose dando resultados inusuales en IE

Pero en IE, en lugar de imagen para deslizar, abre la imagen en la misma página a la vista.

Y lo curioso es que si antes de que el guión abra la imagen, si cambio la diapositiva haciendo clic en una miniatura, a partir de este punto y en adelante, funciona bien.

Cómo solucionar este

que buscar el nombre de la imagen de la base de datos y pantalla como la siguiente

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

Ésta es mis opciones pikachoose en 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 
    }; 

Me inicializar el plug-in usando esto (también en archivo separado)

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

funciona bien en otro navegador

hallazgos

  1. Si quito el <a> la <img>, esto detiene el script desde la apertura de la imagen
  2. La demo proporcionada en la página oficial también se comporta como
+0

¿Puede verificar qué versión de pikachoose está utilizando? 3.1? 3.3? –

+0

@nathan gonzalez, Es 3.3 – Starx

+0

¿Qué versión de IE falla? ¿Todos ellos? – GmonC

Respuesta

0

¿Has probado a establecer la altura/ancho de la etiqueta img? para eludir IE7 Quirks.

+0

En realidad, si elimino el enlace de la porción 'href' del enlace, no se disparará. Puede estar en algún lugar dentro del script, Pikachoose está usando el método de clic para ir a la siguiente diapositiva en el caso de IE, e incluso intenté averiguarlo, pero hasta ahora no tuve suerte. – Starx

2

Intente agregar/eliminar/cambiar el DOCTYPE para el documento html, ya que he visto problemas de causa de IE debido a la configuración del tipo de documento.

Además, trate de quitar la barra diagonal de cierre de la etiqueta img()

si cualquiera de lo anterior funciona, entonces comparar la demo de trabajo y el tipo de documento para ver si se ha perdido la etiqueta DOCTYPE adecuado ...

0

¿Qué IE real (hay 3 que aún están en uso)? Dependiendo de la versión, puede hacer que grite ar usuario para que cambie al "modo de compatibilidad". Además, si puede asegurarse de tener un formato XHTML estricto (título y alt no tienen comillas dobles en su fragmento), incluido DOCTYPE que podría ser útil. Intente usar una etiqueta vacía para la primera imagen (solo una sin contenido, puede darle una foto en blanco/transparente en href si lo desea)

+0

sí lo he intentado con doctype y el error está en prácticamente todas las versiones – Starx

Cuestiones relacionadas