Aller au contenu

Dylav

Modérateurs
 Afficher le profil  Afficher son activité

  • Compteur de contenus

    45 419

  • Inscription

  • Dernière visite

  • Jours gagnés

    207

 Type de contenu 

Tout ce qui a été posté par Dylav

  1. Dylav
    Es-tu sûr de bien avoir ça, en fin de page HTML ? C'est la séquence qui précise que, si tu cliques sur la photo, tu déclenches la fonction JavaScript "StopPhoto", qui la rend invisible. ... <div id="foto" style="visibility:hidden" onClick="StopPhoto()"> <img name="Photo" src="bidon.jpg"> </div> </body></html> Maintenant, pour que la grande photo s'affiche sous la galerie, il faut que tu la repositionnes verticalement plus bas. Dans le script Galerie.js, dans la fonction "VoirPhoto", tu vas lui dire qu'elle doit commencer à 100 pixels du haut de la page (top), au lieu de 0.
  2. Dylav
    Je serais toi, j'aurais un fond homogène de haut en bas (avec juste la particularité de la marge, sans quadrillage vertical). Dis donc, en ce moment tu as deux marges rouges ? N'aurais-tu pas, dans la feuille de style, laissé traîner la bordure droite rouge de ta <div> menu de gauche ? Suggestion : comme tu as déjà un quadrillage en image de fond, tu devrais alléger tous tes encadrements (par exemple en leur donnant une couleur gris très clair, et une largeur minimale de 1px). Parce que quadrillage sur quadrillage, ça fait un peu chargé, non ?
  3. Dylav
    Ah, OK ! Mais si tu cliques sur l'image en vraie grandeur, elle redevient invisible, et tu redécouvres ta galerie de vignette en-dessous. Après, tu as plusieurs possibilités. La première, c'est d'avertir ton visiteur qu'il peut cliquer sur l'image pour l'escamoter. Tu peux également séparer ton écran en deux parties ne se recouvrant pas, l'une qui affiche la galerie, et l'autre destinée à accueillir l'image agrandie. Ensuite, tu peux laisser libre cours à ton imagination, ta créativité et tes goûts esthétiques...
  4. Dylav
    Bonsoir Ricou, Tu as oublié la possibilité de l'attribut background-repeat:repeat-y ! Il te suffit de faire une image de 1 carreau de hauteur, donnant une image beaucoup moins lourde, de 2048px de largeur certes, mais de 20 ou 30 de hauteur seulement ! L'image devrait devenir 50 ou 60 fois moins lourde (certes plus lourde que tes 524 octets d'origine, mais très raisonnable)
  5. Dylav
    Je ne comprends pas le comportement que tu m'expliques. En effet, lorsque tu cliques sur une vignette, tu déclenches un script qui se contente de dévoiler une autre partie de la "page" : il n'y a donc pas enchaînement sur une "nouvelle" page. On sent bien, au fonctionnement, que la galerie de vignettes n'a pas été rafraîchie, et la page est restée parfaitement stable. D'ailleurs, chez moi, la flèche "page précédente" du navigateur reste grise : elle est inactive, il n'y a pas de pile historique. Et ceci est vrai avec mes deux navigateurs, FF 1.5 et IE 6.0 Tu travailles avec quel navigateur, toi ?
  6. Dylav

    [Résolu] Petite info

    Dylav a répondu à un(e) sujet de Sew-Oszka dans Programmation

    En fait, tu dois décrire l'image de fond d'abord (c'est la seule différence avec ta dernière version), puis le menu (en position absolue) qui viendra se superposer à elle. L'attribut z-index ne s'avère pas nécessaire. J'ai repris ton image de fond et fabriqué six petites images transparentes en 125x35 pour les choix du menu. Et voici une page qui fonctionne, - l'image de fond change effectivement de dimensions, - le menu bouge également, d'une façon qui devrait te satisfaire ! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Annie Lebaillif</title> <style type="text/css"> <!-- #Layer1 { position:absolute; top:42%; left:5%; width:125px; } #Layer1 img { border:0; width:125px; height:35px; } --> </style> </head> <body> <img src="AFarriereplan.jpg" width="100%" /> <div id="Layer1"> <a href="AFaccueil.html"><img src="AFaccueil.gif" alt="accueil" /></a> <a href="AFformation.html"><img src="AFformation.gif" alt="formation" /></a> <a href="AFactualites.html"><img src="AFactualites.gif" alt="actualités" /></a> <a href="AFcours.html"><img src="AFcours.gif" alt="cours" /></a> <a href="AFbook.html"><img src="AFbook.gif" alt="book" /></a> <a href="AFcontacts.html"><img src="AFcontacts.gif" alt="contacts" /></a> </div> </body> </html> Il te restera à effacer, sur ton image de fond, le menu imprimé en dur.
  7. Dylav
    On n'ose pas dire Bravo, on a l'impression de polluer le topic. Bravo, Sebnutt !
  8. Dylav

    [Résolu] Petite info

    Dylav a répondu à un(e) sujet de Sew-Oszka dans Programmation

    Tu la mets entre les balises <div> et </div>, qui marquent le début et la fin du bloc, tout simplement. <div id="Layer1"> <img src="Racine du site/Arrière_plan.jpg" width="100%" /> </div>
  9. Dylav
    Je ne comprends pas ce que ce topic faisait dans le JRAD ? J'ai dû, au moment du [split], oublier de le déverser ici. Je tiens à m'excuser auprès des membres du JRAD pour la gêne occasionnée. L'affaire est close. Le sujet aussi.
  10. Dylav
    Si si, c'était dans les tout premiers jours de la saison 3. C'est aussi pour ça que j'ai arrêté d'y jouer. D'ailleurs, on ne le voit plus, le caneton...
  11. Dylav

    [Résolu] Petite info

    Dylav a répondu à un(e) sujet de Sew-Oszka dans Programmation

    Avais-tu l'intention de mettre ton image dans la <div> ou en dehors ? Parce que là, c'est sûr, elle est dehors. Pour la position absolute, tu peux certainement trouver un compromis qui satisfasse la présentation pour toutes les résolutions. C'est pour cela que je te proposais de choisir, pour les éléments de ton menu, une taille qui permettre de tout afficher en 800x600 sans débordement, et de garder le même emplacement et la même taille pour les autres résolutions. Evidemment, le rendu ne sera pas exactement identique, mais très similaire et, à mon avis, satisfaisant même esthétiquement.
  12. Dylav
    Pas de problème. On va détailler un peu. Tout d'abord, au niveau du nommage des images, tout se passe dans la page HTML (le script JavaScript reçoit un nom d'image en paramètre, dans la variable img, donc rien à changer). Dans cet exemple simple, la page est constitué d'un tableau (balise <TABLE>) ne contenant qu'une seule ligne (balise <TR>), cette ligne comportant 4 colonnes (balise <TD>), qu'on va appeler des cases. Faisons un zoom sur la première case. <TD width=50> <A HREF="java script:VoirPhoto('Galerip1_big.jpg')" BORDER="1"> <IMG SRC="Galerip1_small.jpg" width=50 BORDER="0"></A> </TD> La case (balise <TD>) contient une ancre (balise <A>) qui délimite une zone active contenant une image (balise <IMG>). Cette image, la vignette, est identifiée par son attribut SRC, ici sous le nom Galerip1_small.jpg. Lorsque tu cliques sur cette vignette, le script JavaScript VoirPhoto est lancé, avec en paramètre le nom de l'image en grandeur réelle, ici Galerip1_big.jpg. Ici donc, tu dois ranger, dans le même répertoire que la page HTML, 8 images dont les noms de fichiers seront Galerip1_small.jpg, Galerip2_small.jpg, Galerip3_small.jpg, Galerip4_small.jpg pour les vignettes, et Galerip1_big.jpg, Galerip2_big.jpg, Galerip3_big.jpg, Galerip4_big.jpg pour les images en vraie grandeur. Je te laisse découvrir le détail du fonctionnement du code après avoir étudié les langages HTML et JavaScript (cf. les tutoriels du Site du ZérO, par exemple). Et, pour bien faire, il faudrait que je prenne le temps de réécrire cette page, en prenant soin de séparer contenu [X]HTML et mise en forme (feuille de style CSS).
  13. Dylav
    Au lieu de saisir ton texte long dans la condition EXCEL elle-même, mets-le plutôt dans une autre cellule (de ta feuille elle-même, ou d'une autre feuille spécialisée). Ta formule en sera d'autant plus allégée, et ne devrait pas partir en erreur : =SI(condition;D4;"") Si la condition est vraie, ta cellule se verra attribuer le commentaire contenu dans la cellule D4. Pour obtenir des retours à la ligne dans une cellule, tu as deux possibilités, soit tu demandes des retours à la ligne automatiques, par Format / Cellule / Alignement / Renvoyer à la ligne automatiquement, soit tu provoques toi-même des retours à la ligne fixes, par la combinaison de touches Alt + Enter, et tu peux bien entendu combiner les deux méthodes.
  14. Dylav
    Je relance d'une bûche, pour voir... et
  15. Dylav
    bûche
  16. Dylav
    Pour les cours, une excellente piste, les tutos du Site du ZerO
  17. Dylav
    Tiens, inspire-toi de cet exemple dépouillé, dont voici le principe, - tu définis un bloc <div>, que tu rends initialement invisible (visibility:hidden) - au clic sur une vignette, tu remplis le bloc avec l'image grande taille et tu le rends visible (visibility:visible) - au clic sur la grande image, tu rends à nouveau le bloc invisible. Pour cela, il te faut bien entendu 2 versions de chaque image, la vignette et la grande taille. Inconvénient : le mécanisme, certes simple, est activé en JavaScript, et ton visiteur peut refuser l'exécution de scripts JavaScript (sécurité). Pour respecter ta consigne d'apparition au survol : tu remplaces la notion de clic sur le lien actif par une notion de survol (événement onMouseOver). Perso, je trouve ce déclenchement par survol fatigant (pour le visiteur) parce que difficile à maîtriser. C'est plus stable par clic. A toi de voir. Juste un détail pour finir : ce code HTML n'est pas bien propre, ça manque de feuille de style (séparation des descriptions du contenu et de sa mise en forme). La page HTML <html><HEAD> <title>Dispo pour galerie</title> <script LANGUAGE="JavaScript" src="Galerie.js"></script> </HEAD> <BODY onUnload="java script:StopPhoto()"> <div align="center"> <TABLE BORDER="1" bordercolor="white" cellspacing=3 cellpadding=0 width=150> <TR> <TD width=50> <A HREF="java script:VoirPhoto('Galerip1_big.jpg')" BORDER="1"> <IMG SRC="Galerip1_small.jpg" width=50 BORDER="0"></A> </TD> <TD width=50> <A HREF="java script:VoirPhoto('Galerip2_big.jpg')" BORDER="1"> <IMG SRC="Galerip2_small.jpg" width=50 BORDER="0"></A> </TD> <TD width=50> <A HREF="java script:VoirPhoto('Galerip3_big.jpg')" BORDER="1"> <IMG SRC="Galerip3_small.jpg" width=50 BORDER="0"></A> </TD> <TD width=50> <A HREF="java script:VoirPhoto('Galerip4_big.jpg')" BORDER="1"> <IMG SRC="Galerip4_small.jpg" width=50 BORDER="0"></A> </TD> </TR><TR> <TD colspan=4> <DIV ALIGN="CENTER"><font size=2> Clique sur une image pour la voir en taille réelle...</font></DIV> </TD> </TR></TABLE></div> <div id="foto" style="visibility:hidden" onClick="StopPhoto()"> <img name="Photo" src="bidon.jpg"> </div> </body></html> et le script Galerie.js <!-- Galerie.js ----------------------------------------------------------- // // Use this script to view full-size images from thumbnails. // The full-size images can be different sizes. // The pop-up window will change to the appropriate size. // // This script and many more are available free online at // The JavaScript Source -> http://javascript.internet.com // ------------------------------------------------------------------------ // function VoirPhoto(img) { if (document.Photo.src != img) { ChargerPhoto(img); document.Photo.src=img; document.all("foto").style.top=0; document.all("foto").style.left=0; document.all("foto").style.position="absolute"; document.all("foto").style.width=document.Photo.width; document.all("foto").style.height=document.Photo.height; } document.all("foto").style.visibility="visible"; } function ChargerPhoto(img) { var Photo=new Image(); Photo.width=0; Photo.height=0; Photo.src=img; ControlerPhoto(img); } function ControlerPhoto(img) { if ((Photo.width==0)||(Photo.height==0)) { Refresh="ControlerPhoto('"+img+"')"; intervallo=setTimeout(Refresh,20); } } function StopPhoto() { document.all("foto").style.visibility="hidden"; } // ---------------------------------------------------------------- End -->
  18. Dylav
    Le sujet est passé du JVRAD au JRAD, ce n'est plus la même dimension. De même que tu n'aimes pas qu'on te marche sur les pieds, volontairement ou non, on peut comprendre qu'ils n'apprécient pas qu'on vienne perturber une discussion déjà houleuse sur l'avenir de leur espace préféré, non ? Alors laissons-les débattre, nous avons notre cour de récréation à nous, dans laquelle je ne suis d'ailleurs pas le dernier à jouer, pas vrai ?
  19. Dylav
    Olivier, quand tu références un lien en getlastpost, le résultat est éminemment variable avec le temps, ce qui ne le rend pas forcément pertinent. Dans l'exemple ci-dessus, le résultat est d'ailleurs maintenant particulièrement amusant... Quant à ce topic-ci, je crois que nous pouvons également le fermer.
  20. Dylav
    Pour le débat sur le fonctionnement du forum Overclocking, je vous propose de poursuivre dans le topic suivant. Pour les talceurs qui perturbent la discussion (O.Fournier et Answaz, pour ne pas les nommer), je vous demanderai de bien vouloir laisser le débat se dérouler le plus sereinement possible, c'est déjà assez compliqué comme ça... D'avance, merci. Je ferme ce topic.
  21. Dylav
    Bon, je mise aussi... bûche !
  22. Dylav
    Sousou et plein de bûches pour toi...
  23. Dylav
    Laissons-les débattre...
  24. Dylav
    Caramba, encore raté !
  25. Dylav
    bûche
×
×
  • Créer...