marcelman

http://www.globetrot...rossiphotos.php Ca, c'est pour le lien. Pour le code, je n'utilise pas fancybox mais une lightbox qui était proposée par Leandro Vieira Pinho (http://leandrovieira.com) et que j'essaie de paramétrer sans faire trop d'ânerie. Je débute un peu dans le domaine des lightbox. Merci pour le lien sur les événements jquery, je vais regarder ça.

Salut, J'ai un slide sur une page avec des images cliquables qui ouvrent sur une lightbox. Je veux que quand on ouvre la lightbox, le slide se mette en pause, et que quand on ferme la lightbox, il reprenne. J'ai réussi à le mettre en pause avec le script : function pause(){ $('#taille a img').click(function(){ $('.slidephotos').cycle('pause'); }); } Je n'arrive pas à le paramétrer pour qu'il reprenne tout seul quand on ferme la lightbox. J'ai essayé ça : function retour { $('#taille a img').close(function(){ $('.slidephotos').cycle('resume'); }); } et la même chose avec remove à la place de close, mais ça plante le slide. C'est quoi que je rate ?

va voir ça http://jquery.malsup.com/cycle/. C'est une vraie mine.

Pas encore trouvé de solution. Mais il faut dire que je me suis concentré sur d'autres choses pour le site. Merci pour le lien Captain torch. je vais passer y faire un tour.

Adresse de la page : http://www.globetrot...essai/essai.php Pour enlever du tamisage sur ce que je cherche à faire, je voudrais que le diaporama de l'entête soit aliéné au diaporama du centre de la page pour toutes mes commandes. J'y arrive pour le next et le prev, mais le passage de la souris ne fonctionne que pour le diaporama concerné. SStéphane, j'ai essayé d'intégrer ta proposition pour y introduire la pause au survol pour les 2 slides, mais je n'y arrive pas.

Bonsoir, Ci-dessous un script de diaporama qui fonctionne bien : function slideshow() { $('.slideshow').cycle({ fx:'fade', speed:'slow', timeout:3000, delay:0, next:'.slideshow', pause:0, next:'#next2', prev:'#prev2' }); } En fait, j'ai un diaporama principal en milieu de page et je voudrais que le diaporama secondaire suive le fonctionnement du principal. En particulier, je voudrais que quand on survole le diaporama principal, les 2 se mettent en pause. Si dans le code ci-dessus je mets "pause:1", le diaporama principal stoppe au survol, mais pas le secondaire. Pour information, si je veux 2 diaporamas, c'est que j'ai un élément en centre de page et un autre dans l'entête de page... Si quelqu'un a une idée, je suis preneur.

Merci pour le lien. Ca fonctionne très bien. Concernant l'accès au site, j'ai juste un CSS3 dont les fonctionnalités ne sont pas toutes reconnues par IE. Mais il se trouve que, sans être aussi bon que sous FF, le rendu est très correct. J'ai juste cliqué par erreur sur le petit bouton probablement un jour où je voulais rafraîchir la page. Et je me retrouvais avec un résultat escompté correct sur un site et imprésentable sur un autre site. Si tu vas là : http://www.globetrottoirs.com/essai/spectacleloup.php, tu verras que ça marche bien même sous IE, sauf si ledit bouton est cliqué.

Suis-je dans le bon forum ? En tout cas, c'est un problème d'accès au site par certains utilisateurs. Je viens de découvrir l'existence de ce petit bouton "mode compatibilité" sur IE. Je me suis arraché les cheveux pendant des jours parce que certains css n'étaient pas interprétés par IE. J'ai incriminé les fichiers, le ftp, mon hébergeur, avant de découvrir que le problème venait de ce petit bouton à côté de l'icîone de rafraîchissement de la page. Il se trouve que pas mal de gens ont encore IE8 ou 9 et ignorent pour beaucoup d'entre eux, l'existence de cette fonctionnalité. Est-ce que je peux mettre dans mon code un truc qui par défaut, au chargement de la page, désactive le mode compatibilité d'Internet Explorer ? Merci d'avance pour vos réponses

Problème résolu... J'ai repris tranquillement mon code pour repartir de zéro et trouver ce qui n'allait pas. En lisant vos réponses, ou plutôt vos remarques sur les comportements des navigateurs, j'ai vu que c'était chaque navigateur qui faisait un peu ce qu'il voulait... Et voilà pourquoi : En fait, j'avais mis dans les images du slideshow un tableau à 2 colonnes qui perturbait le navigateur. Et aussi une cascade de styles qui se contredisaient. Du coup, dès la 2è image, le navigateur faisait ce qu'il voulait. Une leçon d'humilité : j'ai voulu aller trop vite sans bien comprendre ce que je faisais... Bien fait.

Bonsoir, J'ai un soucis avec Chrome pour un slideshow. Sur la première image, Chrome suit les définitions du CSS, mais dès qu'il passe à la 2è, c'est comme s'il avait oublié ce qu'il faut faire pour les marges. I need help... Adresse de la page en construction : http://www.globetrot...essai/essai.php FF et IE comprennent tout bien, mais pas Chrome. Voici les éléments CSS en question : .slideshow {position:relative;height: 319px; width: 600px; margin:15% auto 0;background-color:#000fff;padding:0;} .slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; } .image { background-color:transparent; font:normal normal 90% arial,sans-serif; text-align:justify; margin:0 0 0 0; float:left; padding:15px 15px 15px 15px; width:580px; height:319px; } #txt{ color:#fff; } p { margin:10px 0 10px 10px; color:#000; font:normal normal 100% arial,sans-serif; } Et je ne trouve pas où j'ai merdé quelque chose... Si vous avez une piste, je suis preneur...

Pas mal du tout ta présentation. Seule critique : même avec un écran 17 pouces, j'ai un scroll horizontal, c'est moyen. Je sais j'enc... les moustiques, mais bon, puisque tu demandes notre avis...

A la suite du topic http://www.webmaster-hub.com/index.php?showtopic=46369 où yuston renvoyait aux hack de Nanoum pour avoir des boites fixes sur une page, j'ai commencé à bosser dessus et je rencontre quelques soucis (NB : il s'agit pour moi de remplacer les iframes par des boites fixes sur le site globetrottoirs.com). D'abord, j'ai un menu déroulant qui avec ce système ne fonctionne pas sous IE alors qu'il fonctionne sous FF. Un bout de code du menu déroulant : <div class="menu2"> <!-- menu à gauche de l'écran --> <img src="http://www.globetrottoirs.com/images/hautgauche.gif" width="154" height="16" > <div align="center"><img src="http://www.globetrottoirs.com/images/logoanime.gif" width="65" height="65"></div> <ul id="nav"> <li><a href="http://www.globetrottoirs.com/accueil.php"><img src="http://www.globetrottoirs.com/images/titreslaterauxon_11.gif" name="image1" id="image1" border="0"></a></li> <li><img src="http://www.globetrottoirs.com/images/titreslaterauxon_13.gif" border="0"> <ul> <li><a href="http://www.globetrottoirs.com/compagnie.php"><img src="http://www.globetrottoirs.com/images/soustitres2009off_12.gif" border="0"></a></li> <li><a href="http://www.globetrottoirs.com/espritgt.php"><img src="http://www.globetrottoirs.com/images/soustitres2009off_13.gif" border="0"></a></li> <li><a href="http://www.globetrottoirs.com/activites.php"><img src="http://www.globetrottoirs.com/images/soustitres2009off_14.gif" border="0"></a></li> <li><a href="http://www.globetrottoirs.com/equipegt.php"><img src="http://www.globetrottoirs.com/images/soustitres2009off_15.gif" border="0"></a></li> </ul> </li> </ul> </div> Ensuite, j'ai un problème de positionnement latéral de la boite mobile par rapport à ma boite de gauche. Si je ne précise rien sur la position, tout va bien sous IE, mais sous FF, ça vient se mettre sous mon menu de gauche, si je mets un margin-left:154px, tout va bien sous FF, mais ladite marge se rajoute sous IE... La définition de menu2 dans lequel se trouve le menu déroulant et la définition de la boite mobile: .menu2{float:left;width:154px;background:#0066cc;z-index:2; height:95% position: absolute; top: 20px; left: 0; border-right: solid black 1px} } .boite {width:90% ; height:800px ; border:2px solid black} Et pour finir le hack pour IE, gratté sur Nanoum : body { /* redéfini les propriétés de toute la page */ overflow-y: hidden ; /* fonction microsoft supprimant les ascenseurs sous IE */ margin: 22px 0% 0% 0%; /* la marge du body est à 0 pixels, sauf à gauche et en haut */ padding:0 } /* marge intérieur à 0 pixels */ html > body {overflow-y: auto} /* annule le overflow-y pour firefox 1.5 et supérieur */ .content { /* boite prenant toute la page sauf le menu rouge */ height: 100%; /* la hauteur de la boite occupe 100% de l'écran */ overflow: auto;} /* on rajoute un ascenseur droit à la boite */ C'est sûrement un truc très con à mettre pour que IE interprète comme FF le code, mais je sèche...

Perso, j'utilise du iframe qui permet de garder ce que l'on veut en haut, en bas ou sur les côtés. Ce n'est pas parfait, mais ça fonctionne. En clair, tu crée un élément fixe là où tu le souhaites (pour moi en haut et à gauche) et tu insères dans un conteneur un iframe qui scrolle. Cependant, je vois que les liens proposés par yuston devraient me permettre de résoudre quelques menus soucis que j'ai dans mes bas de page. Je vais donc me précipiter dans ce code qui a l'air plus propre que le mien...

Je viens de regarder ton site. Sur les 2 navigateurs, tout à l'air d'aller bien. En revanche, sur l'image écran que tu mets, on a l'impression qu'une image génère une ligne plus haute que ton texte. Le problème viens peut-être de là, dans ce cas, il faut peut-être essayer avec un vertical-align:top. Mais on ne retrouve pas cette image sur le site à ce jour.

Oui, je sais bien que le mieux serait du flash, mais je n'ai ni le logiciel idoine, ni la compétence, donc je cherche pour le moment avec mes maigres connaissances. Merci quand même. Je vais faire une visite sur le lien indiqué.