comment integrer un album photo en javascript sur forumactif

Question

bonjour a tous 
je suis inscrit sur forumactif et je souhaiterais pouvoir réaliser ceci sur ce forum

http://www.hostingpics.net/viewer.php?id=923099ecran1.jpg
ou quelque chose de ce genre


forumactif gère les pages html et javascript

qui pourrait m aider svp a le réaliser 

malheureusement je n ai pas trouver le code javascript 
et meme si je l avais trouve je n ai pas encore compris comment l intégrer

merci de l aide

Arthur57530 · Answer

Si vous pouvez utiliser javascript ( donc jquery ) et html : 

http://www.twospy.com/galleriffic/

je vous conseille ceci  
 
La documentation est en anglais mais traduisible et facilement compréhensible .

Pour l'intégration il y a une faq sur forumactif .

flexi2202 · Answer

merci pour la reponse c est tres sympa

malheureusement j ai bien lu la documentation sur forumactif mais malgres des essais je n y parviens pas 
un simple exemple ou une explication clair pourrait m aider
merci

je vais voir le lien 

entretemps j ai trouve le code pour le lien ci dessus , mais le code ne fonctionne pas

Arthur57530 · Answer

Quel type de forum avez vous choisi : phpbb3 , phpbb2 ... ? 

Le code fonctionne , il faut l'adapter à vos images ( et télécharger jquery sur le site www.jquery.com ) 

jquery est une librairie javascript qui vous sera très utilile , il faut l'appeler dans toutes vos page html via la balise script <script src="url_du_script_sur_le_serveur"> 

pareil pour le script du lien que je vous ai transmis .

Si vous n'avez pas les compétence en HTML / Javascript , je vous invite à aller faire un petit tour sur le site du zéro

flexi2202 · Answer

merci pour l aide je suis en PunBB , mais apparemment je sais changer ..

j ai quelques notions en javascript et en html , je dirais juste qu une fois lancer et savoir ou placer les premiers codes , je suis parti pour aller trifouiller et modifier

je suis un diesel mdrrr a 52 ans un peu logique mdrr

en plus j avais déjà manipuler cela sur canalblog il y a quelques années 

mais la je suis un peu perdu 

etape 1 
télécharger jQuery 

mais lequel prendre

Download the compressed, production jQuery 1.9.1

Download the uncompressed, development jQuery 1.9.1


Download the compressed, production jQuery 2.0.0

Download the uncompressed, development jQuery 2.0.0  

ensuite je vois que lorsque je clic sur un lien une nouvelle fenetre s ouvre 
avec le code ecrit en txt

je supposse que je dois faire un copier coller de l ensemble et aller le placer dans forumactif 
dans la section la gestion des codes Javascript 

merci du soutien

Arthur57530 · Answer

Download the compressed, production jQuery 1.9.1 uncompressed , c'est au cas ou vous voulez modifier le coeur de jquery ( déconseillé à votre niveau ) la 2.0.0 n'est pas encore stable . Il faut que vous copier coller le code dans un éditeur et que vous l'enregistriez dans un fichier jquery.js . ce fichier est à uploader sur le forum . ensuite dans les pages html ou vous souhaiter l'appeler , utilisez la balise Je n'ai pas consulté la section gestion des codes javascript je vais regardé ça

flexi2202 · Answer

ah voila cela devient un peu plus clair a present et je commence a comprendre pourquoi rien ne fonctionnait

mais je ne vois pas bien ou je dois uploader ce fichier   sur le forum , je suis alle voir dans mon panneau d administration mais je ne vois pas de commande pour le faire 


merci de l iade

flexi2202 · Answer

ne serais pas cet endroit     

http://www.hostingpics.net/viewer.php?id=799543ecran11.jpg

Arthur57530 · Answer

exactement , il faut cliquer sur le bouton créer un nouveau javascript .

ensuite ( je n'ai pas encore vu le fonctionnement ) soit vous copier coller votre code et vous nommez le fichier comme vous l'entendez ( le nom n'a pas de réelle importance ) soit vous pouvez téléverser votre fichier sur le serveur directement .

flexi2202 · Answer

voila donc le fichier a bien été creer je l ai appelle image pour l essai et je l ai applique a l ensemble des pages de mon forum pour l essai donc a présent j ai ceci lors de la création image http://la-peche-a-la-perle.forumgratuit.be/11127.js je suppose donc qu a présent lorsque je réalise un nouveau sujet dans mes forums je dois indiquer ceci une fois ceci fait que faire svp merci pour tout

flexi2202 · Answer

je vois que dans cet exemple je dois télécharger un zip qui contient plusieurs codes

je dois les integrer comment 

http://www.javascriptfr.com/codes/ALBUM-PHOTOS_29045.aspx

flexi2202 · Answer

en dezippant je vois que j ai des fichiers
 accueil.jpg	
affichage.html	
index.html	
sommaire.html	
titre.html


je suppose que ces derniers doivent etre mis a cet endroit 
HTML & JAVASCRIPT

    Gestion des codes Javascript dans le forumactif

mais ensuite comment les appeller dans un sujet que je cree dans mon forum

Arthur57530 · Answer

En fait vous n'avez pas besoin de télécharger cette archive "je suppose donc qu a présent lorsque je réalise un nouveau sujet dans mes forums je dois indiquer ceci " C'est exactement ça . une fois ceci fait votre javascript sera appelé sur toutes les pages html que vous avez créer et où se trouve la balise pour l'instant je suppose que vous n'avez importer que jquery , il faut importer ce script : http://www.twospy.com/galleriffic/js/jquery.galleriffic.js de la même manière . ensuite je vous invite à lire la documentation : http://www.twospy.com/galleriffic/ sur cette page , pour voir comment créer vos page html . Toutes ces consignes vont vous permettre de créer les fonctionnalités , mais pas le style de votre galerie . Avez vous déjà utiliser du css ?

Arthur57530 · Answer

Sinon plus simple je viens de voir qu'il y a un module galerie sur forum actif , peut être vous conviendra t'il ? 

sinon je pense que vous avez besoin d'un webmaster , ce serait trop long à vous expliquer comment programmer des pages html et ce n'est pas le but de ce forum .

flexi2202 · Answer

merci pour le lien et l aide

mais je comptais plus utiliser des choses existantes, , car je ne recherche rien de bien complexe juste des vignette sur lesquelles que quand on clic la photo soit agrandie


je ne désire pas construire quelques chose de a a z , mais exploiter des sources comme sur le site de http://www.javascriptfr.com/


pour les css oui comme pour le reste j ai des notions mais sans plus , je sais a quoi cela sert , je sais modifier et des choses basiques

Arthur57530 · Answer

" mais je comptais plus utiliser des choses existantes, , car je ne recherche rien de bien complexe juste des vignette sur lesquelles que quand on clic la photo soit agrandie "

Il s'agit de quelque chose d'assez complexe tout de même si on a aucune expérience en javascript . 

Le moyen que je vous ai donnée est l'un des plus simple : copier coller de source .

Je vais essayer de vous faire une source simple et compréhensible en html .

flexi2202 · Answer

merci pour l aide

je continue a faire des essais 

ensuite je pars au sport

merci pour tout

Arthur57530 · Answer

de rien 

cordialement

flexi2202 · Answer

dans l exemple ci après , j ai bien intégrer a forumactif dans la gestion des pages html ces 4 codes

http://www.javascriptfr.com/codes/ALBUM-PHOTOS_29045.aspx

mais ensuite comment les réunir tous ensemble afin de pouvoir donne le résultat escompte lorsque je vais vouloir mettre un album dans un sujet de mon forum

car chaque code html affiche une partie de son exemple

il faudrait que ces 4 pages html ne fasse plus qu une en principe et c est la que je bloque

Arthur57530 · Answer

http://artychaud.forumgratuit.lu/h1-test

j'ai utiliser forumgratuit et j'ai réussi en 10 min , je vous envoies la source demain si vous êtes intéressé, pour que vous puissez la modifier avec vos images via balises <img src="source_de_vos_images">


Concernant le code sur javascriptfr.com , il y a des morceaux éronés , pour les réunir ensemble il suffit de séléctionner toutes les balises dans le body et de les réunir dans un seul fichier html

flexi2202 · Answer

bonsoir ah oui super , c est cela que je cherche en fait cela est très sympa de m envoyer les codes ah ok je vais essayer de faire çà de tout réunir et de voir ce que cela donne alors Donc si j ai bien compris pour l exemple sur javascriptfr.com je réunis le tout dans un seul fichier html que j intègre dans la Gestion des codes et que j appelle lorsque je réalise le sujet dans mon forum Mais dans ce cas je dois l appeler de quelle manière pour qu il apparaisse en javascrip on avait vu que c était par exemple " donc en html je suppose que c est "

Arthur57530 · Answer

Non ce n'est pas ce que je voulais dire , en fait il faut ouvrir les 4 fichier html avec un éditeur de texte et copier le contenu de chaque dans une seule mais sans les balise html et head , juste le contenu du <body> 
 
Pour le code de ma galerie je vous fait un dépot

flexi2202 · Answer

bonsoir

ah ok je vais faire un essai avec le rassemblage des fichiers html et en faire qu un seul

j attend avec impatience votre dépôt , d avance un immense merci

flexi2202 · Answer

bonsoir 

j ai essayer de ne faire qu un seul fichier avec les codes du javascript.com comme expliquer plus haut , mais apparemment cela est truffe d erreur , j abandonne donc et attends avec impatience votre pack de la réalisation de votre galerie d image

Comment integrer un album photo en javascript sur forumactif

23 réponses

Votre réponse