mickaelpfr
Messages postés197Date d'inscriptionmardi 18 février 2003StatutMembreDernière intervention29 avril 2009
-
29 mai 2009 à 10:52
cs_toutsurtout
Messages postés1Date d'inscriptionlundi 19 décembre 2005StatutMembreDernière intervention15 février 2011
-
15 févr. 2011 à 23:52
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
cs_toutsurtout
Messages postés1Date d'inscriptionlundi 19 décembre 2005StatutMembreDernière intervention15 février 2011 15 févr. 2011 à 23:52
Bonjour.
J'essaie déseperement de mettre un chargement automatique des images avec php.
Sur ton script pour une seule diapo j'y arrive très bien en m'inspirant du commentaire de BENEY: http://www.javascriptfr.com/codes/DIAPO-FONDU-ENCHAINE_48063.aspx Est ce que quelqu'un a une idée ? Soit j'arrive à faire fonctionner un seul des trois diapo, soit je n'ai rien du tout.
Je précise que si je me débrouille pas mal en php, je débute en javascript.
merci beaucoup
Capt2buc
Messages postés1Date d'inscriptionsamedi 27 mars 2010StatutMembreDernière intervention 7 septembre 2010 7 sept. 2010 à 11:35
Bonjour
Sur Safari cela marche très, mais sur IE avec windows XP j'ai l'image n°2, celle indiquée en ligne 99 du body sur laquelle apparait des puces blanches, comme de petits tâches. Ces tâches ne sont pas sur Safari.
Je ne trouve pas d'où cela peut venir.
Pour éviter une surface blanche avant le démarrage du diaporama, j'ai donné le nom des images sur les lignes 98 et 98, au lieu de celles aa et ab qui se réfèrent au tableau. Du coup pendant une fraction de seconde on voit apparaitre l'image, puis le diapo se met en route. Est-il possible de mettre un petit module type téléchargement pour éviter ce "saut d'image" au début ?
#
#
Si vous avez des pistes de recherche, merci de votre aide.
Cordailement
Cap
laballe58
Messages postés4Date d'inscriptionmercredi 9 juin 2010StatutMembreDernière intervention17 juin 2010 17 juin 2010 à 05:14
Bonjour JDMCREATOR, effectivement c'était un soucis de style mais du div header dans mon CSS
où je n'avais pas "fixé" ses dimensions à la taille des images, en tout cas énorme merci de m'avoir
consacré un peu de temps, c'est vraiment sympa
laballe58
Messages postés4Date d'inscriptionmercredi 9 juin 2010StatutMembreDernière intervention17 juin 2010 17 juin 2010 à 04:39
Waooouh, cool, la nuit m'a porté conseil, en fait j'avais laissé dans mon css le header sans spécifier de dimension,
il reprenait donc les dimension de la balise body, j'ai donc spécifié width et height aux dimensions de mes photos
de bannière et tout est rentré dans l'ordre, merci kazma de ton intervention, super sympa.
@karamel
Messages postés1850Date d'inscriptionvendredi 9 mai 2008StatutModérateurDernière intervention 4 mars 2024152 16 juin 2010 à 19:49
pour positionner le diapo c'est avec la balise div qui contient les deux balise img que tu doit jouer
jdmcreator
Messages postés647Date d'inscriptionsamedi 30 décembre 2000StatutMembreDernière intervention20 juillet 20127 16 juin 2010 à 19:45
Bonjour,
Je ne suis pas l'auteur du code mais je peux toujours t'aider ^^ . Je crois qu'il faut que tu modifies le style du DIV ayant comme ID divconteneur. Lorsque je change son style, cela fonctionne toujours sur ton site :P
Dis-moi si sa fonctionne ;)
laballe58
Messages postés4Date d'inscriptionmercredi 9 juin 2010StatutMembreDernière intervention17 juin 2010 16 juin 2010 à 13:57
Précisions: voici une démo du site avec l'erreur : http://www.360bali.net/support/index.html En fait j'ai un soucis avec la fonction style dans la balise img, dès que je change les positions
le diapo ne fonctionne plus; Je suis sur que cela n'a rien à voir avec le diapo, mais, là je coince...
Merci
laballe58
Messages postés4Date d'inscriptionmercredi 9 juin 2010StatutMembreDernière intervention17 juin 2010 16 juin 2010 à 13:18
Bonjour, tout d'abord merci pour ce code super, mais j'ai un soucis, je n'arrive pas à l'intégrer à ma page, il
y a un conflit avec mon css, voici mon code dans la page html:
<script src="fondu.js" type="text/javascript"></script>
</head>
.twoColFixRtHdr #header {
background: #DDDDDD;
}
Et ensuite la partie de code modifiable enregistrée dans mon fichier fondu.js
Tout fonctionne parfaitement si je supprime l'appel de ma feuille de style CSS
J'ai passé ma journée à chercher l'erreur, sans succés, je ne sais pas si j'ai
donné toutes les infos nécessaires pour obtnenir un ptit coup de main, n'hésitez
pas à me demander
PS: j'ai commencé à apprendre le html et le CSS il y a 2 mois...
et oui, je suis un débutant, comme tout le monde l'a été un jour...
plarts
Messages postés37Date d'inscriptionvendredi 20 février 2004StatutMembreDernière intervention29 juin 2011 4 avril 2010 à 15:41
Je reviens sur la croix rouge (image non trouvée),
c'est bien de ma faute,
une des adresses répertoire image que je n'avais pas modifiée.
Donc le script est bien nickel dans tous les cas.
gellule26
Messages postés6Date d'inscriptionmercredi 29 avril 2009StatutMembreDernière intervention18 juin 2010 3 avril 2010 à 00:45
je viens de le tester moi aussi et ca marche super.
Très bon boulot merci.
plarts
Messages postés37Date d'inscriptionvendredi 20 février 2004StatutMembreDernière intervention29 juin 2011 9 mars 2010 à 13:50
Oui, moi ausssi, j'ai un autre exemple ou ça marche très bien.
sur un autre site.
Si je trouve la raison, je la communiquerai.
Merci pour vos réponses.
@karamel
Messages postés1850Date d'inscriptionvendredi 9 mai 2008StatutModérateurDernière intervention 4 mars 2024152 8 mars 2010 à 23:04
etange tout ceci d'autant plus que je vient de faire le teste avec trois images et sa marche
plarts
Messages postés37Date d'inscriptionvendredi 20 février 2004StatutMembreDernière intervention29 juin 2011 8 mars 2010 à 18:58
Non, les extensions de fichiers photos sont bien en minuscule. (.jpg)
@karamel
Messages postés1850Date d'inscriptionvendredi 9 mai 2008StatutModérateurDernière intervention 4 mars 2024152 8 mars 2010 à 18:51
et l'extention si est en majuscule sa peut etre la cause du pb
si c'est sa le pb il faudrat soit modifier cette ligne
preImages[i].src = 'images/'+tbg[i]+'.jpg';
et mettre jpg en majucule soit renomer les image en mettant l'extention en minuscule
plarts
Messages postés37Date d'inscriptionvendredi 20 février 2004StatutMembreDernière intervention29 juin 2011 8 mars 2010 à 15:24
Oui, ce sont des JPG.
jdmcreator
Messages postés647Date d'inscriptionsamedi 30 décembre 2000StatutMembreDernière intervention20 juillet 20127 8 mars 2010 à 02:27
Moi, j'ai une idée. Est-ce que ce sont des images ayant comme extension jpg ? Car sinon ça ne marchera pas
@karamel
Messages postés1850Date d'inscriptionvendredi 9 mai 2008StatutModérateurDernière intervention 4 mars 2024152 7 mars 2010 à 22:15
non je vois pas vraiment d'ou peut venir le probleme
plarts
Messages postés37Date d'inscriptionvendredi 20 février 2004StatutMembreDernière intervention29 juin 2011 7 mars 2010 à 19:07
Je me suis servi de ce Diapo, sans problème.
Et là, je reprend le même, avec d'autre photos (3 photos)
et chaque changement de photo apparait la croix rouge (sous IE)
ou (image manquante sour FF) alors que mes 3 photos existent,
et sont bien là, et s'affichent bien en fondu,
mais avec cette croix rouge entre chaque fondu.
Une idée ?
cs_beney
Messages postés2Date d'inscriptiondimanche 28 février 2010StatutMembreDernière intervention28 février 2010 7 mars 2010 à 18:22
Super, parfait ! Merci beaucoup ! :-)
PopCorn38
Messages postés1Date d'inscriptionmardi 26 décembre 2000StatutMembreDernière intervention21 octobre 2009 21 oct. 2009 à 17:21
Super ton code!!
thomeuxe
Messages postés2Date d'inscriptionmercredi 25 février 2009StatutMembreDernière intervention16 avril 2009 15 oct. 2009 à 20:03
Good job ! ;)
@karamel
Messages postés1850Date d'inscriptionvendredi 9 mai 2008StatutModérateurDernière intervention 4 mars 2024152 1 juin 2009 à 15:20
tu modifie ces deux valeurs et sa devrait etre bon met une plus petite valeur
this.opaa+=3;
this.opab-=4;
tu peut aussi jouer ici mais on est deja dans l'extreme diminue le 25
plarts
Messages postés37Date d'inscriptionvendredi 20 février 2004StatutMembreDernière intervention29 juin 2011 1 juin 2009 à 14:23
Comment ralentir la vitesse du Fondu ?
y t il une variable, à changer ?
@karamel
Messages postés1850Date d'inscriptionvendredi 9 mai 2008StatutModérateurDernière intervention 4 mars 2024152 31 mai 2009 à 18:48
finalement je pense que je vais la laisser tel quel
le motif :
la source est quand meme pas mal comme ca et surtout totalement fonctionnel et pas trop complique a mettre en œuvre
de toute facon rien n'empeche de faire des modifs sur la source
jdmcreator
Messages postés647Date d'inscriptionsamedi 30 décembre 2000StatutMembreDernière intervention20 juillet 20127 30 mai 2009 à 02:17
Personellement, j'utilise cette méthode lorsque j'ai beaucoup d'information à gérer pour chacun des éléments. Pour le setInverval, ça dépend il y a combien d'éléments. Je préfère les boucles aux setInterval/setTimeout que je trouve trop relatifs. Mais c'est personnel. Mais c'est vrai que c'est meilleur au cas où le nombre d'éléments est trop grand ;)
mickaelpfr
Messages postés197Date d'inscriptionmardi 18 février 2003StatutMembreDernière intervention29 avril 20092 30 mai 2009 à 00:25
mouai mais avec les attributes non natif , ce ne sera pas valide w3c.
De plus utilise plutôt un setinterval :) ( comme ça tu ne seras pas bloqué par la gestion de la boucle en cours ...
jdmcreator
Messages postés647Date d'inscriptionsamedi 30 décembre 2000StatutMembreDernière intervention20 juillet 20127 29 mai 2009 à 23:03
Quant à la source, elle fonctionne bien sous IE7 et Safari 3 malgré que sur Safari, il y a le bogue habituel (les setTimeOut et les SetInterval sont trop lent) mais c'est un détail
JDMCreator
mickaelpfr
Messages postés197Date d'inscriptionmardi 18 février 2003StatutMembreDernière intervention29 avril 20092 29 mai 2009 à 13:32
exemple d'images dans un conteneur :
//Méthode d'instanciation de ton diapo :
function getAllImgForDiapo(idConteneur){
tontablImage = null; //Le tableau qui sera passé a ta méthode créant le diapo
var listeImage = document.getElementById(idConteneur).getElementsByTagName('img');for(var i 0 , l listeImage.length; i <l ; i++){
if(listeImage[i].rel == "diapo"){
tontablImage.push(listeImage[i]);
}
}
//Appel de ta méthode soit en passant le tableau d'image , soit en le mettant en variable globale
}
donc on pourra créer autant de diapo voulut juste en faisant :
getAllImgForDiapo(idConteneur); ...
ou en passant par le document complet etc ...
@karamel
Messages postés1850Date d'inscriptionvendredi 9 mai 2008StatutModérateurDernière intervention 4 mars 2024152 29 mai 2009 à 12:30
je ne conait pas du tout la methode j'ai fait qq recherche mais comme souvent ces temps je n'ai rien trouve
mickaelpfr
Messages postés197Date d'inscriptionmardi 18 février 2003StatutMembreDernière intervention29 avril 20092 29 mai 2009 à 10:52
script pas mal , mais j'ai horreur de l'instanciation du tableau d'image ...
une méthode récupérant les images avec un rel="diapo" ou autre aurait été plus pratique :)
15 févr. 2011 à 23:52
J'essaie déseperement de mettre un chargement automatique des images avec php.
Sur ton script pour une seule diapo j'y arrive très bien en m'inspirant du commentaire de BENEY: http://www.javascriptfr.com/codes/DIAPO-FONDU-ENCHAINE_48063.aspx
Est ce que quelqu'un a une idée ? Soit j'arrive à faire fonctionner un seul des trois diapo, soit je n'ai rien du tout.
Je précise que si je me débrouille pas mal en php, je débute en javascript.
merci beaucoup
7 sept. 2010 à 11:35
Sur Safari cela marche très, mais sur IE avec windows XP j'ai l'image n°2, celle indiquée en ligne 99 du body sur laquelle apparait des puces blanches, comme de petits tâches. Ces tâches ne sont pas sur Safari.
Je ne trouve pas d'où cela peut venir.
Pour éviter une surface blanche avant le démarrage du diaporama, j'ai donné le nom des images sur les lignes 98 et 98, au lieu de celles aa et ab qui se réfèrent au tableau. Du coup pendant une fraction de seconde on voit apparaitre l'image, puis le diapo se met en route. Est-il possible de mettre un petit module type téléchargement pour éviter ce "saut d'image" au début ?
#
#
Si vous avez des pistes de recherche, merci de votre aide.
Cordailement
Cap
17 juin 2010 à 05:14
où je n'avais pas "fixé" ses dimensions à la taille des images, en tout cas énorme merci de m'avoir
consacré un peu de temps, c'est vraiment sympa
17 juin 2010 à 04:39
il reprenait donc les dimension de la balise body, j'ai donc spécifié width et height aux dimensions de mes photos
de bannière et tout est rentré dans l'ordre, merci kazma de ton intervention, super sympa.
16 juin 2010 à 19:49
16 juin 2010 à 19:45
Je ne suis pas l'auteur du code mais je peux toujours t'aider ^^ . Je crois qu'il faut que tu modifies le style du DIV ayant comme ID divconteneur. Lorsque je change son style, cela fonctionne toujours sur ton site :P
Dis-moi si sa fonctionne ;)
16 juin 2010 à 13:57
En fait j'ai un soucis avec la fonction style dans la balise img, dès que je change les positions
le diapo ne fonctionne plus; Je suis sur que cela n'a rien à voir avec le diapo, mais, là je coince...
Merci
16 juin 2010 à 13:18
y a un conflit avec mon css, voici mon code dans la page html:
<script src="fondu.js" type="text/javascript"></script>
</head>
<!-- fin de #header -->
Ensuite mon code dans ma feuille CSS:
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0;
padding: 0;
text-align: center;
color:#CCC;
}
.twoColFixRtHdr #container {
width: 850px;
background:#666;
margin-left:auto;
margin-right:auto;
border: 14px solid #333;
text-align: left; /
}
.twoColFixRtHdr #header {
background: #DDDDDD;
}
Et ensuite la partie de code modifiable enregistrée dans mon fichier fondu.js
Tout fonctionne parfaitement si je supprime l'appel de ma feuille de style CSS
J'ai passé ma journée à chercher l'erreur, sans succés, je ne sais pas si j'ai
donné toutes les infos nécessaires pour obtnenir un ptit coup de main, n'hésitez
pas à me demander
PS: j'ai commencé à apprendre le html et le CSS il y a 2 mois...
et oui, je suis un débutant, comme tout le monde l'a été un jour...
4 avril 2010 à 15:41
c'est bien de ma faute,
une des adresses répertoire image que je n'avais pas modifiée.
Donc le script est bien nickel dans tous les cas.
3 avril 2010 à 00:45
Très bon boulot merci.
9 mars 2010 à 13:50
sur un autre site.
Si je trouve la raison, je la communiquerai.
Merci pour vos réponses.
8 mars 2010 à 23:04
8 mars 2010 à 18:58
8 mars 2010 à 18:51
si c'est sa le pb il faudrat soit modifier cette ligne
preImages[i].src = 'images/'+tbg[i]+'.jpg';
et mettre jpg en majucule soit renomer les image en mettant l'extention en minuscule
8 mars 2010 à 15:24
8 mars 2010 à 02:27
7 mars 2010 à 22:15
7 mars 2010 à 19:07
Et là, je reprend le même, avec d'autre photos (3 photos)
et chaque changement de photo apparait la croix rouge (sous IE)
ou (image manquante sour FF) alors que mes 3 photos existent,
et sont bien là, et s'affichent bien en fondu,
mais avec cette croix rouge entre chaque fondu.
Une idée ?
7 mars 2010 à 18:22
21 oct. 2009 à 17:21
15 oct. 2009 à 20:03
1 juin 2009 à 15:20
this.opaa+=3;
this.opab-=4;
tu peut aussi jouer ici mais on est deja dans l'extreme diminue le 25
setTimeout( function() { lui.defilmage(); }, 25 );
1 juin 2009 à 14:23
y t il une variable, à changer ?
31 mai 2009 à 18:48
le motif :
la source est quand meme pas mal comme ca et surtout totalement fonctionnel et pas trop complique a mettre en œuvre
de toute facon rien n'empeche de faire des modifs sur la source
30 mai 2009 à 02:17
30 mai 2009 à 00:25
De plus utilise plutôt un setinterval :) ( comme ça tu ne seras pas bloqué par la gestion de la boucle en cours ...
29 mai 2009 à 23:03
et avec comme javascript :
document.getElementsByTagName('img')[i].getAttribute("true")
Quant à la source, elle fonctionne bien sous IE7 et Safari 3 malgré que sur Safari, il y a le bogue habituel (les setTimeOut et les SetInterval sont trop lent) mais c'est un détail
JDMCreator
29 mai 2009 à 13:32
//Méthode d'instanciation de ton diapo :
function getAllImgForDiapo(idConteneur){
tontablImage = null; //Le tableau qui sera passé a ta méthode créant le diapo
var listeImage = document.getElementById(idConteneur).getElementsByTagName('img');for(var i 0 , l listeImage.length; i <l ; i++){
if(listeImage[i].rel == "diapo"){
tontablImage.push(listeImage[i]);
}
}
//Appel de ta méthode soit en passant le tableau d'image , soit en le mettant en variable globale
}
donc on pourra créer autant de diapo voulut juste en faisant :
getAllImgForDiapo(idConteneur); ...
ou en passant par le document complet etc ...
29 mai 2009 à 12:30
29 mai 2009 à 10:52
une méthode récupérant les images avec un rel="diapo" ou autre aurait été plus pratique :)