jQuery Cycle – Non funziona con IExplorer

Oggi mi sono imbattuto in un problemino utilizzando jQuery cycle e IE (url del plugin http://jquery.malsup.com/cycle/). Il plugin, utlizzato per lo swiching delle immagini con tantissimi effetti, funziona benissimo su Firefox, G.Chrome mentre su IExplorer potreste imbattervi nel mio stesso problema che vi andrò a spiegare.

Qui di seguito c’è lo script che ho usato (ripeto, funziona benissimo con Firefox e Chrome), come potete vedere la funzione accetta 3 parametri, uno è l’effetto fx, la velocità speed e un timeout; Ogni parametro è diviso da una virgola “,” (…momento di suspance 🙂 …) ed è proprio la virgola a cuasare il non funzionamento dello script in IExplorer! Basta eliminare l’ultima virgola, in questo caso basta eliminare la virgola dopo il parametro timeout ed il gioco è fatto.

<script type=”text/javascript”>
$(document).ready(function() {

$(‘.div123’).cycle({
fx: ‘turnDown’,
speed:  1000,
timeout: 7000,    // <– Eliminare la virgola
});
});
</script>

Come vi accennavo inizialmente, il problema è veramente banale, ma nonostante ciò mi ha fatto perdere un bel po di tempo. Spero possa esservi utile in modo tale da non farvi perdere del tempo prezioso 😉

…maledetta virgola!

Annunci

17 thoughts on “jQuery Cycle – Non funziona con IExplorer

  1. Sto usando la versione 7 ma forse non mi funziona neanche con la 6 e forse con nessuna versione…ho letto in giro che potrebbe essere un problema di png…ie fa un riquadro alle immagini trasparenti png…avevo trovato una jquery.fix.png ma non sono riuscito ugualmente a risolvere…boh…

    1. Da quello che leggo in quel blog, dovresti inserire la stringa “#image-container img {background:none !important;}” nel tuo file CSS.
      Dove #image-container è l’id del DIV che contiene il tuo tag IMG della tua immagine PNG.

      Spero d’esser stato chiaro 🙂

      …cmq è un piacere per me 😉

    1. Ho notato che effettui l’inclusione del file jquery 3 volte ed in particolare 2 volte all’interno del tag di inclusione dello style

      TAG STYLE
      @import url (“style.css”);
      inclusione javascript/jquery.js
      FINE TAG STYLE

      Prova ad elimare le 2 dichiarazioni superflue e lasciare solo l’ultima (quella antecedente alla dichiarazione di jquery cycle). Non credo che in questo modo le cose si risolvono, ma almeno elimini la tripla dichiarazione di jquery…. Appena ho un po di tempo, provo ad effettuare un po di test al sito 😉

    1. Scusami ma questo giorni sono stati tremendi, non ho avuto un attimo di pace…. torniamo a noi, ho letto quell’articolo e i passi da eseguire sono
      :
      1. Al PASSO 3 della guida del link che mi hai girato c’è un link ad uno zip, il file si chiama iepngfix, scaricalo.

      2. Aggiungi la riga presente al PASSO 1 nel tuo css (copia il file iepngfix.htc e il file pxt.gif presenti nel file zip nella stessa cartella del tuo file css) – Nel tuo caso, visto che il file css è nella root principale del sito http://www.farmaciamilitello.it/style.css, dopo aver copiato i file HTC e GIF nel tuo sito, avrai i rispettivi usrl:

      http://www.farmaciamilitello.it/iepngfix.htc
      http://www.farmaciamilitello.it/pxt.gif
      http://www.farmaciamilitello.it/style.css

      Qui lo spiega in modo analogo, guarda un po se ti può servire http://www.twinhelix.com/css/iepngfix/demo/, mentre qui ci sono alcuni esempi http://jquery.andreaseberhard.de/pngFix/

      Aggiornami e dimmi se sei riuscito a risolvere 😉

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...