LIGHTBOX DIAPORAMA

DOLLEL Messages postés 15 Date d'inscription mardi 6 janvier 2004 Statut Membre Dernière intervention 14 avril 2011 - 14 avril 2011 à 10:12
cs_arta Messages postés 98 Date d'inscription dimanche 22 janvier 2006 Statut Membre Dernière intervention 24 juillet 2013 - 10 juin 2013 à 10:03
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/53056-lightbox-diaporama

cs_arta Messages postés 98 Date d'inscription dimanche 22 janvier 2006 Statut Membre Dernière intervention 24 juillet 2013
10 juin 2013 à 10:03
Bonjour

Merci kazma !
tupense Messages postés 18 Date d'inscription mardi 7 février 2012 Statut Membre Dernière intervention 4 avril 2012
30 août 2012 à 10:34
ok j'ai vu cela ne me recupere pas le nom du fichier?
@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
17 avril 2012 à 14:30
aux lignes 315 et 321 du fichier kboxtxt.js tu a ceci

ligne 315 var txt=document.createTextNode(kbox.tbtxt[kbox.compteur]);

ligne321 kbox.txt.firstChild.nodeValue=kbox.tbtxt[kbox.compteur]

remplace tbtx par tbimage

ca donne ceci

ligne 315 var txt=document.createTextNode(kbox.tbimage[kbox.compteur]);

ligne321 kbox.txt.firstChild.nodeValue=kbox.tbimage[kbox.compteur]
tupense Messages postés 18 Date d'inscription mardi 7 février 2012 Statut Membre Dernière intervention 4 avril 2012
17 avril 2012 à 14:14
bonjour d'accord du texte bon ça , mais je ne connais pas trop le javascript comment faire pour récuperer le nom du fichier machin.jpeg par exemple et le mettre dans le texte tu peu voir un exemple ici http://www.photohubert.com/galerie.html
@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
17 avril 2012 à 10:52
j'ai ajouter la possibilité de mettre du texte
tupense Messages postés 18 Date d'inscription mardi 7 février 2012 Statut Membre Dernière intervention 4 avril 2012
15 avril 2012 à 08:30
toujours pas d'avis pour le nom du fichier????
tupense Messages postés 18 Date d'inscription mardi 7 février 2012 Statut Membre Dernière intervention 4 avril 2012
4 avril 2012 à 14:40
j'adore mais comment on peut mettre le nom du fichier en haut de l'image afficher en grand?
@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
23 avril 2011 à 16:39
la condition se trouve dans la fonction taille()
[if(parseInt(navigator.userAgent.substring(30,31))<=8)]

a ce niveau

kbox.ratiow=(kbox.taillew-kbox.carrew)/15;
kbox.ratioh=(kbox.tailleh-kbox.carreh)/15;

if(parseInt(navigator.userAgent.substring(30,31))<=8){
kbox.ratioh=kbox.ratioh*1.8
kbox.ratiow=kbox.ratiow*1.8
}

if(kbox.ratiow < 1 && kbox.ratiow > 0){
kbox.ratiow=1
}

ce que je fait c'est augmenter le deplacement par cycle

et aussi sur ces deux ligne toujour au meme endroit

kbox.ratiow=(kbox.taillew-kbox.carrew)/15;
kbox.ratioh=(kbox.tailleh-kbox.carreh)/15;

tu doit doit avoir comme division 10 au lieux de 15 je conseillerait de mettre 15 et de modifier le setTimeout de la fonction carre qui est de 10 et de le remplacer par 30 car j'ai fait des testes et avec ces valeurs on en demande moins au processeur tout en gardant une bonne fluidité

setTimeout(kbox.carre,30);

quand au problèmes de ie au démarrage on y peut rien c'est du a la lenteur du javascript sur IE 8 et anterieur
proftnj Messages postés 54 Date d'inscription lundi 10 juillet 2006 Statut Membre Dernière intervention 11 septembre 2011
21 avril 2011 à 22:30
@ Kazma >
Quote : "j'ai ajouter une condition pour ie afin que l'annimation soit plus rapide "

Laquelle et où?
J'ai ajouté un préchargement des grandes images sinon, surtout avec IE, ça bugge au début.
@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
21 avril 2011 à 21:42
j'ai ajouter une condition pour ie afin que l'annimation soit plus rapide

<Ça ressemble beaucoup au Carrousel>

au niveau du voile j'ai repiquer un peut de code et les aussi images qui sont les meme et si on veut on peut adapter le diapo avec le carrousel il y a trois quatre manip a faire
cs_alain17610 Messages postés 17 Date d'inscription samedi 22 novembre 2008 Statut Membre Dernière intervention 13 janvier 2021
20 avril 2011 à 11:44
Testé avec Firefox et IE8 : Assez lent avec IE8 mais bien avec Firefox.
Ça ressemble beaucoup au Carrousel que tu avais fait et que j'utilise déjà.
Carrousel me semble mieux adapté à un nombre d'images important.
@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
19 avril 2011 à 22:31
@ Proftnj >

pour ie 6 je ne l'ai pas rendu compatible pour les raisons invoqué par Mulugruntz je vais pas critiquer en mal ie 6 car j'estime qu'en son temp il fut le meilleur navigateur mais le temp a passé et les navigateurs se sonts ameliorés et comme le preconise son proprietaire il est temp de dire au revoir ie 6

sinon je pense qu'en mettant les position en fixed en absolute sa devrait etre bon mais il faudra eviter de scroller la page.
Mulugruntz Messages postés 5 Date d'inscription vendredi 1 mai 2009 Statut Membre Dernière intervention 18 avril 2011
18 avril 2011 à 14:32
@ Proftnj >
Je pense que tu ne te pose pas la bonne question.
Au lieu de se demander comment rendre un script plus "browser friendly", il vaudrait mieux se demander comment le rendre plus "user friendly".
Si contourner position:fixed le rend compatible IE6, alors ça le rend plus "browser friendly" mais moins "user friendly". Pourquoi ? Tout simplement parce qu'on ne doit pas faire des sites pour les navigateurs, mais pour les utilisateurs. Et comme le demande microsoft ( http://ie6countdown.com/ ), pour le bien des utilisateurs, il faut (se forcer) à ne plus faire de compatibilité IE6. Par contre, tu peux mettre la bannière qui s'affiche uniquement sur IE6 (et les plus anciennes) sur ton site (tu peux trouver le code dans le lien que je t'ai envoyé).
DOLLEL Messages postés 15 Date d'inscription mardi 6 janvier 2004 Statut Membre Dernière intervention 14 avril 2011
18 avril 2011 à 08:57
Effectivement. Je l'ai retesté sur ie9 et ça marche maintenant.
proftnj Messages postés 54 Date d'inscription lundi 10 juillet 2006 Statut Membre Dernière intervention 11 septembre 2011
18 avril 2011 à 01:58
Testé sur le site avec IE 7 et Firefox mis à jour: impeccable!
Plus rapide avec Firefox que IE 7. Comment rendre ce script plus "navigator friendly", contourner "position fixed"?
Je n'ai pas la réponse car je ne suis pas très doué.
La page de test est http://scriptevol.toile-libre.org/scriptsite/lightbox.html (pas d'espace entre light et box - à corriger).
@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
14 avril 2011 à 10:47
c'est normale le site sur lequel j'heberge la source avait un probleme et apres modif il refusait d'uploader le fichier js mais tout est rentre dans l'ordre.
djtadpole Messages postés 11 Date d'inscription vendredi 28 septembre 2007 Statut Membre Dernière intervention 14 avril 2011
14 avril 2011 à 10:25
Sur la page test, FF me dit que "kbox is not defined", si ça peut aider...
DOLLEL Messages postés 15 Date d'inscription mardi 6 janvier 2004 Statut Membre Dernière intervention 14 avril 2011
14 avril 2011 à 10:12
Bonjour,
Il ne semble pas fonctionner sur ie9 aussi. J'ai bien tes neuf images, mais rien de plus. Aucune action possible sur les images.
J'ai fait le test sur ton site.
Cordialement.
Laurent