Zoom sur les images avec class

[jeuxline]

bonjour,
pour lancer mon forum j'ai absolument besoin d'utiliser un zoom sur mes images
j'aimerais utiliser Highslide JS mais je ne sais pas comment faire sur forumactif,
vous pouvez voir à quoi sa ressemble ici : http://www.potionmagix.fr/

[Ea]

Bonjour,


Le vrai lien c'est : http://highslide.com/

Pourquoi vous voulez ça ? Pour les images dans les posts ou autre chose ou tout ?

Cordialement.

[jeuxline]

le lien que j'ai donnée c'est pour voir ce que je veut faire avec en fait c'est pour dans les post

[Ea]

Vous voulez que les images dans les posts soient réduites donc aussi ?


Cordialement.

[jeuxline]

je voudrai pour être plus correct, que dans les post les images peuvent s’agrandir et ce rétrécir mais avec le style de Highslide JS

[Ea]

Il faudrait que vous hébergiez le contenu du zip attaché à ce message ( soit sur un ftp ( par exemple fourni par votre hébergeur ) ou bien par un service qui permet d'héberger des fichiers suivant des dossiers ( par exemple archive-host ) ).


Cordialement.

Fichiers joints

highslide.zip Vous n'avez pas la permission de télécharger les fichiers joints.(84 Ko) Téléchargé 6 fois

[jeuxline]

mais après

[Ea]

Après il faut que je fasse un script qui trouve les images dans les posts et leur ajoute ce qu'il faut, et puis charge le script que vous aurez hébergé et l'exécute comme il faut.

Ensuite il suffira de lier le script que j'aurais fait et le css de highslide au forum et ça devrait être bon ^^


Cordialement.

[jeuxline]

je vous adore, voici le lien du fichier héberger :
http://ovite.legtux.org/
à votre avis vous aurez finis quand?

[Ea]

Voilà, il faudrait mettre le code dans le cadre noir ici dans une page html ( PA > Modules > HTML | Gestion des pages HTML ), sans le haut ni le bas du forum.

Ensuite il faudrait juste ajouter dans la description du forum ( PA > Affichage > Couleurs > Feuille de style ) :

Code:

<script src=/h4-></script>

( en remplaçant le 4 par l'ID de la page html créée ( c'est le chiffre dans la première colonne dans la liste des pages ) )

Cordialement.

[jeuxline]

Ensuite il faudrait juste ajouter dans la description du forum ( PA > Affichage > Couleurs > Feuille de style ) :

je ne comprend pas je l'ai ajouté à mon css et il le refuse ce code
après j'ai mis dans la description du site il ne change rien

[jeuxline]

une réponse pour moi ? Car voyez vous je fais pleins de sujets avec des tas d'images alors si c'est possible de le faire avant que j'ai terminé sa m'éviterais de tous refaire

merci

je suppose que c'est toi l'invité

[Ea]

Loupé le message, la description du forum c'est PA > Général > Forum | Configuration > Description du site, en gros capture d'écran => https://i.imgur.com/XkwpR.png ( le description du site )


Cordialement.

[jeuxline]

eh attend sa ne marche pas, j'ai beau mettre le premier code dans une page HTML puis le deuxième dans la description
j'ai aussi changé le dernier :

Code:

<script src=http://gaulix.jeun.fr/h1-photo></script>

voila

[Ea]

J'ai testé juste en mettant ce script et moi ça fonctionne : http://phpbb2.123.st/t2-

Il ne faut pas qu'il y ait un "lien" sur l'image ( car sinon en cliquant sur l'image on ne saurait plus arriver où on devrait ), donc il faut que le code soit du style :

Code:

[img]lien[/img]

Et pas :

Code:

[url=lien][img]ĺien[/img][/url]

Cordialement.

[jeuxline]

Malheur, je croyais que c'était fini mais je viens de m'apercevoir que les images restent toutes petites quand je clique dessus mais le système marche quand même

nan, c'est bon en fait il ne faut pas utiliser la miniature il faut utiliser l'image

et encore merci pour tout

[jeuxline]

contrairement au message précédant, il m’affiche agrandir cette fenêtre et je ne veut pas l'afficher vu que l'on a installé ce système

[Ea]

Vous pouvez désactiver cette fonction ( dans PA > Général > Messages et Emails | Configuration > Redimensionnement des images ) en laissant les champs vide.

Si vous voulez tout de même une redimension dans les messages vous pouvez ajouter dans le CSS ( PA > Affichage > Couleurs > Feuille de style ) :

Code:

.postbody .highslide img {
  max-width: 300px;
  max-heigth: 200px;
}

Cordialement.

[jeuxline]

vous n'avez pas compris, en fait comme sur votre forum je voudrai afficher une image dans un format recadré mais quand ont utilise le fameux script il l'agrandie.

[jeuxline]

cette nuit j'ai bien réfléchis en fait il faudrait juste enlever le:
cliuez-ici pour agrandir et voir l'image à sa taille originale

[Ea]

Il faut l'enlever là :

Vous pouvez désactiver cette fonction ( dans PA > Général > Messages et Emails | Configuration > Redimensionnement des images ) en laissant les champs vide.

Et comme j'ai dit pour que les images soient en plus petites vous pouvez mettre :

Si vous voulez tout de même une redimension dans les messages vous pouvez ajouter dans le CSS ( PA > Affichage > Couleurs > Feuille de style ) :

Code:

.postbody .highslide img {
  max-width: 300px;
  max-heigth: 200px;
}

Cordialement.

[Ea]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif