J'utilise Jquery NyroModal pour afficher des images en double-cliquant sur une vignette :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<script type="text/javascript">
jQuery(document).ready(function(){
$(function() {
  $('.nyroModal').nyroModal();
});
});
</script>
Cela fonctionne très bien en local et cela fonctionne sur le serveur pour IE8
Depuis quelques temps, quand je clique sur une vignette pour afficher une photo avec FF , j'ai le message suivant (dans la console de FF) lors de l'appel de l'url de l'image : 302 Moved Temporarily.
J'ai cherché un peu sur Google, on me dit que c'est une erreur HTTP et qu'il y a eu une redirection de l'URL. Je ne vois le rapport avec mon script.

Je signale que le pluggin est chargé depuis mon serveur :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<script type="text/javascript" src="js/jquery.nyroModal.custom.js"></script>
Pour voir la page online : aller sur http://nouka.fr/ avec FF
Tu cliques sur la vignette.

L'appel à http://nouka.fr/ax-fotozoom.php?photocode=2 doit se rediriger vers http://www.nouka.fr/index.php?action=modalfoto et c'est la que ça plante sous FF !

Dans le script ax-fotozoom, je fais :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
$location = "http://www.nouka.fr/index.php?action=modalfoto";

modalfoto : est l'action qui va déclencher une vue avec NyroModal.


Pour info supplémentaire, la fonction a déjà fonctionner sur le serveur avec FF, mais, je ne suis pas fichu de voir à quoi j'ai touché qui pourrait foutre la merde.
En local ça fonctionne et j'ai ceci comme code :
Code vignette :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<li style="background-color: rgb(136, 126, 0);">
*·
<a class="nyroModal" title="portrait africain" href="ax-fotozoom.php?photocode=2">nmObj=Object { opener={...}, filters=[4], more...}events=Object { click=[1], nyroModal=[1], more...}handle=function()
<img src="/Nouka/upload/images/african_mat.jpg" style="width: 150px; height: 150px; border-style: none;" alt="Portrait Africain">
*·
</a>
*·
</li>
Et le resultat en local avec FF est :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<div> 
<img src="pictures/G_african_mat.jpg" style="width: 600px; height: 350px; border-style: none;" alt="Portrait Africain">* 
</div>
Le code vignette sur le serveur est :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<li style="background-color: rgb(209, 191, 0);">*·
<a class="nyroModal" title="Nou ka au forum des associations - 2011" href="ax-fotozoom.php?photocode=2">nmObj=Object { opener={...}, filters=[4], more...}events=Object { click=[1], nyroModal=[1], more...}handle=function()
<img src="/upload/images/forum_assos_mai_01.jpg" style="width: 150px; height: 150px; border-style: none;" alt="Nou ka au forum des associations aux abymes en 2011 - Guadeloupe">*·
</a>*·
</li>
Et sur le serveur , je crois c'est un plantage Royal ! avec comme code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<div class="nyroModalCont nyroModalError" style="display: block; position: fixed; width: 250px; height: 214px; top: 0px; left: 489px; overflow: auto;">olddisplay="block"fxqueue=[]
</div>
<a class="nyroModalClose nyroModalCloseButton nmReposition" title="close" href="#" style="position: fixed; top: 16px; left: 769px;">Close</a>events=Object { click=[1]}handle=function()
<div class="nyroModalCont nyroModalHidden nyroModalError" style="display: none;"></div>olddisplay="block"
<div class="nyroModalCont nyroModalLoad" style="display: none; position: fixed; top: 152.5px; left: 568px;"></div>olddisplay="block"fxqueue=[]
<h1 class="nyroModalTitle nmReposition" style="position: fixed; top: 3px; left: 518px;">Nou*·ka*·au*·forum*·des*·associations*·-*·2011</h1>
</div>
Dans la console FF, j'ai : 302 Moved Temporarily 353ms !!!

Pour rappel cela marche Nickel sur IE8 !


Merci d'avance