Comment integrer un album photo en javascript sur forumactif

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 .

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

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

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

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 <script>

avec <script src="url_du_dossier_contenant_le_fichier/jquery.js"></script>

Je n'ai pas consulté la section gestion des codes javascript je vais regardé ça

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

ne serais pas cet endroit

http://www.hostingpics.net/viewer.php?id=799543ecran11.jpg

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 .

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

<script src="http://la-peche-a-la-perle.forumgratuit.be/11127.js "></script>

une fois ceci fait

que faire svp

merci pour tout

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

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

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

<script src="https://la-peche-a-la-perle.forumgratuit.be/11202.js "></script> "

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 <script src="https://la-peche-a-la-perle.forumgratuit.be/11202.js "></script>

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 ?

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 .

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

" 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 .

merci pour l aide

je continue a faire des essais

ensuite je pars au sport

merci pour tout

de rien

cordialement

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

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

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
<script src="http://la-peche-a-la-perle.forumgratuit.be/11127.js "></script> "

donc en html je suppose que c est

<html src="http://la-peche-a-la-perle.forumgratuit.be/11127.html "></html> "