Zoom sur les images avec class

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Zoom sur les images avec class

Message par jeuxline le Jeu 9 Juin 2011 - 19:38

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/


Dernière édition par jeuxline le Ven 10 Juin 2011 - 22:05, édité 2 fois

jeuxline
Nouveau membre

Messages : 13
Inscrit(e) le : 09/06/2011

http://gaulix.jeun.fr/forum
jeuxline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par Ea le Jeu 9 Juin 2011 - 19:50

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.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par jeuxline le Jeu 9 Juin 2011 - 19:55

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

jeuxline
Nouveau membre

Messages : 13
Inscrit(e) le : 09/06/2011

http://gaulix.jeun.fr/forum
jeuxline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par Ea le Jeu 9 Juin 2011 - 19:57

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


Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par jeuxline le Jeu 9 Juin 2011 - 19:59

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

jeuxline
Nouveau membre

Messages : 13
Inscrit(e) le : 09/06/2011

http://gaulix.jeun.fr/forum
jeuxline a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Zoom sur les images avec class

Message par Ea le Jeu 9 Juin 2011 - 20:35

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

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par jeuxline le Jeu 9 Juin 2011 - 20:39

mais après

jeuxline
Nouveau membre

Messages : 13
Inscrit(e) le : 09/06/2011

http://gaulix.jeun.fr/forum
jeuxline a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Zoom sur les images avec class

Message par Ea le Jeu 9 Juin 2011 - 20:51

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.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par jeuxline le Jeu 9 Juin 2011 - 21:25

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

jeuxline
Nouveau membre

Messages : 13
Inscrit(e) le : 09/06/2011

http://gaulix.jeun.fr/forum
jeuxline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par Ea le Jeu 9 Juin 2011 - 22:09

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.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par jeuxline le Ven 10 Juin 2011 - 7:38

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
Nouveau membre

Messages : 13
Inscrit(e) le : 09/06/2011

http://gaulix.jeun.fr/forum
jeuxline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par jeuxline le Ven 10 Juin 2011 - 15:34

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é

jeuxline
Nouveau membre

Messages : 13
Inscrit(e) le : 09/06/2011

http://gaulix.jeun.fr/forum
jeuxline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par Ea le Ven 10 Juin 2011 - 20:00

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


Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par jeuxline le Ven 10 Juin 2011 - 20:45

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

jeuxline
Nouveau membre

Messages : 13
Inscrit(e) le : 09/06/2011

http://gaulix.jeun.fr/forum
jeuxline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par Ea le Ven 10 Juin 2011 - 21:23

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.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par jeuxline le Ven 10 Juin 2011 - 21:46

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 Surprised

jeuxline
Nouveau membre

Messages : 13
Inscrit(e) le : 09/06/2011

http://gaulix.jeun.fr/forum
jeuxline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par jeuxline le Ven 10 Juin 2011 - 22:06

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

jeuxline
Nouveau membre

Messages : 13
Inscrit(e) le : 09/06/2011

http://gaulix.jeun.fr/forum
jeuxline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par Ea le Ven 10 Juin 2011 - 23:19

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.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par jeuxline le Ven 10 Juin 2011 - 23:30

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
Nouveau membre

Messages : 13
Inscrit(e) le : 09/06/2011

http://gaulix.jeun.fr/forum
jeuxline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par jeuxline le Sam 11 Juin 2011 - 9:05

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

jeuxline
Nouveau membre

Messages : 13
Inscrit(e) le : 09/06/2011

http://gaulix.jeun.fr/forum
jeuxline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par Ea le Sam 11 Juin 2011 - 10:52

Il faut l'enlever là :

Etana a écrit: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 :

Etana a écrit: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
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Zoom sur les images avec class

Message par Ea le Sam 18 Juin 2011 - 18:55

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 résolu
  • 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 Smile

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum