begin process at 2012 02 12 19:14:02
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Problème de compatibilité

 > 

carousel UI + lightbox...


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

carousel UI + lightbox...

vendredi 13 mars 2009 à 12:03:33 | carousel UI + lightbox...

davidcian

Bonjour,

Voila j'ai intégré ces script ajax dans une page, sous firefox ca marche nikel comme d'habitude

Mais sous IE ça marche pas... comme d'habitude !!

Alors j'ai fait toute une serie d'essais je vous vous les expliquer, j'aperçois une solution mais j'arrive pas à la mettre en œuvre....

Tous les test sont sous IE car sous FF tous va bien dans tous les cas...

1er test:

[...]
</li>
<li>
     <a href='".$url_image_grande."' onclick=\"Lightbox.show('".
$url_image_grande."', '".$nom_image."')\"  rel='lightbox' >
     <img alt='".$nom_image."' src='".
$url_image_petite."' />
     <br />".$commentaire."
     </a>
</li>

<li>
[...]

Bon cette solution qui est la premiere que j'ai testé ne marche pas car il y a un claque invisible sur la balise <li> qui bloque le clique sur <a>...

_______________________________________________________

2eme test....

Alors j'ai tenté ca:

[...]
</li>
<a href='".$url_image_grande."' onclick=\"Lightbox.show('".$url_image_grande."', '".$nom_image."')\"  rel='lightbox' >
<li>
     <img alt='".$nom_image."' src='".$url_image_petite."' />
     <br />".$commentaire."
</li>

</a>
<li>
[...]

La j'obtient bien l'effet souhaité, je pensais m'en etre sortis, mais ca bloque le défillement des images du carousel car il na doit rien y avoir etre 2 balises </li> et <li>

_________________________________________________

3eme test....

J'ai tenté ca:

[...]
</li>
<li onclick=\"Lightbox.show('".$url_image_grande."', '".$nom_image."')\"  >
     <img alt='".$nom_image."' src='".$url_image_petite."' />
     <br />".$commentaire."
</li>

<li>
[...]

Ca marche pas mais je voulais savoir si le onclick passait bien donc j'ai fait ca:

[...]
</li>
<li onclick=\"alert('test')\"  >
     <img alt='".$nom_image."' src='".$url_image_petite."' />
     <br />".$commentaire."
</li>

<li>
[...]

Et la mon méssage d'alerte ce déclanche bien!

Donc l'idée serait de faire marcher ca, avec le lightbox sachant que la balise <li> ne prends pas en charge cette commande rel='lightbox' nihref='".$url_image_grande."' qui ont l'aire vite au déclanchement de la lightbox

[...]
</li>
<li onclick=\"Lightbox.show('".$url_image_grande."', '".$nom_image."')\"  >
     <img alt='".$nom_image."' src='".$url_image_petite."' />
     <br />".$commentaire."
</li>

<li>
[...]

Merci pour vos idée ou propositions

Az
vendredi 13 mars 2009 à 14:14:02 | Re : carousel UI + lightbox...

davidcian

Réponse acceptée !
Bon j'ai trouvé tous seul comme un grand!!!

Il m'a fallut éplucher les fichiers .js

Donc au final ca marche pour tous type de balise!!! Ca c'est une bonne nouvelle

Il faut modifier le code initial, mais attention! Ca veut dire que tous vous effets lightbox fonctionneront de la même façon sur la même balise!

Fichier lightbox.js

ligne 192:   var target = event.findElement('a[rel^=lightbox]') || event.findElement('area[rel^=lightbox]');

Remplacer par

             var name_nav = navigator.appName
            if (name_nav == "Microsoft Internet Explorer")
                var name_balise = "li";
            else
                var name_balise = "a";
            var target = event.findElement(name_balise+'[rel^=lightbox]') || event.findElement('area[rel^=lightbox]');



Pour l'utiliser:

                            <li href='".$url_image_grande."' rel='lightbox'>
                                 <a href='".$url_image_grande."' rel='lightbox'>
                                 <img alt='".$nom_image."' src='".$url_image_petite."' />
                                 </a>
                                 <br />".$commentaire."
                            </li>

je sais le href et le rel ne sont pas pris en compte sur une balise li mais le javascript dans le cas de IE s'en moque mais pas FF...

Az
vendredi 13 mars 2009 à 14:19:19 | Re : carousel UI + lightbox...

Bul3

Membre Club
bonjour,
plutôt que d'accuser de manière stupide et puérile un navigateur
( ou un logiciel quel qu'il soit ! )
apprend à te remettre en cause
c'est toujours celui qui code qui se plante !
si tu ne comprends pas cela : arrête le développement,
tu ne t'en sortiras jamais !
à la limite, la bibliothèque de fonctions que tu utilises
( si tu en utilises une ) n'est pas compatible avec IE ?? ...
mais j'en doute !
comme d'habitude : c'est toi qui ne fais pas comme il faut.
c'est difficile d'aider un mec qui a décrété qu'il
n'était en rien coupable de ce qui ne fonctionne pas,
j'aurai beau tenter de t'aider, tu vas nier les faits,
j'y renonce.
au passage, met la page html, le javascript résultant
( enfin... un petit extrait !   )  pas le php !
sinon : comment on peut deviner ce que cela génère ?
@+
vendredi 13 mars 2009 à 14:21:23 | Re : carousel UI + lightbox...

Bul3

Membre Club
ah ben... on se croise
et finalement... ???
tu rectifies et ça baigne non ?
effectivement IE et FF ne réagissent pas
de la même manière, c'est dommage mais c'est
ainsi, et il faut en tenir compte !
@+
vendredi 13 mars 2009 à 19:22:54 | Re : carousel UI + lightbox...

davidcian

Holla! Ma remarque sur IE était plus un trait d'humour qu'autre chose, même si je trouve assez lassant de devoir faire une fois sur deux des codes propre a IE lorsque que celui-ci marche sur tous les autre navigateur, mais bon comme tu l'as dit il faut faire avec...

Et puis c'est autre débat qui de toute façon n'aboutira a rien

J'ai réglé mon probleme en me servant plus ou moins d'une faille du code source, c'est pas tres ortodoxe mais ca mache!

Az
mercredi 6 mai 2009 à 15:52:31 | Re : carousel UI + lightbox...

binocle

Bonjour David,

J'ai un peu le même souci que toi avec le couplage carousel + prettyPhoto qui reposent sur le framework JQuery.
Sur une img, je n'ai pas de souci, il m'ouvre bien une popup.
Par contre pour le carousel qui lui est généré dynamiquement dans des balises li, ça m'ouvre une nouvelle page.
Est-ce que tu as une idée de contournement ?

Merci d'avance.
jeudi 7 mai 2009 à 15:57:19 | Re : carousel UI + lightbox...

davidcian

Peux tu me donner un bout de code? ou un exemple? Je connais pas prettyPhoto...

Az


Cette discussion est classée dans : image, grande, url, onclick, lightbox


Répondre à ce message

Sujets en rapport avec ce message

enorme probleme [ par morgandetoi06 ] quand je fait l image ne s affiche pas, je suis obligé de faire clic droit -> afficher l imagecomment faire pour resoudre ce probleme ?mirci++<a href= redirection image [ par MiTcH37 ] slt, j'aimerai savoir comment réaliser une redirection dans une image (ex : truc.bmp et ça redirige vers une autre image) @++ MiT Image + Tableau... [ par MAsterC ] Salut à tous!Exist-il un moyen de faire un étirement avec une image en Background dans un tableau?Merci d'avance MAsterC - Power Of Dream. <img src=/i image redimensionnée si taille depassant max [ par kishkaya ] Bonjour je suis tres php et le javascript j'y connais casiment rien mais j'en ai pourtant besouin pour la page d'inscription de mon site, j'aimerai cr 2 url pour une image [ par axi_axi_axi ] Bonjour à toi, lecteur de mes écris...Voila, g une page web qui contient entre autre une image. Je voudrai savoir si cette image peut avoir deux url. position d'un element d'une grande page, au milieu de l'ecran [ par sbastian ] bonjour aux gourous du JS,j'ai une page avec une grande image (plus grande que l'ecran)sur cette image j'ai un DIV de 50x50px qui peut etre n'importe CONTROLE SUR IMAGE EXTERNE / URL [ par Designotik_51 ] Salut tout le monde, g un problème qui me prend le chou depuis 2 jours.J'ai un formulaire composé de différents champs dont un qui correspond a une ad Onclick + math.random [ par juki_webmaster ] Bonjour, Je suis en train d'ameliorer toutes mes protections par images (anti robot), je voulais proposer aux visiteurs de changer/mettre a jour l'im Bug d'affichage CSS [ par skit ] B'jour à tous (oui je pollue pas mal le forum en ce moment) Ca fait 2h que je cherche à aligner ça correctement mais euh... sans succès  :( Donc en f image et url suivant date et heure [ par christobal ] bonjour, je me permet de vous faire cette demande un peut spéciale car je n'ais que tres tres peut de connaisances (pour pas dire auccune) en javascri


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 12,589 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales