Installation d'un module image

[accalmi]

Re : Installation d'un module image

Screen 1



Screen 2

[pmleconte]

Re : Installation d'un module image

Pour garder votre "gallery" à peu près au bon endroit, il faut passer par la création d'un tableau.

J'ai fait un essai en créant un tableau (taille 100%) de 2 lignes/2colonnes:
- 1ère ligne: 1ère colonne (taille 50%) l'image du poteau, 2éme colonne (taille 50%): description commerciale
- 2éme ligne : 1ére colonne {gallery}sampledata/fruitshop{/gallery}, 2éme colonne : pour un devis....

Suit la description, hors tableau.

Et cela donne un truc comme suit:



Pascal

[PhilJ]

Re : Installation d'un module image

je n'ose pas me lancer dans une manipulation que je ne maitrise absolument. Je ne vais donc pas le faire de peur que ça me modifie le site. Je viens de supprimer ce module.

Soyez rassuré : Sigplus ne modifie strictement rien à votre site car ce n'est pas un module. Ce n'est qu'un plugin : si vous ne faites pas appel à lui sur une page (avec une commande {gallery}...{/gallery}), il reste dans l'ombre et n'a aucun impact d'aucune sorte. Il ne diffère donc en rien de l'autre plugin que vous avez déjà installé — sinon qu'il est totalement gratuit et que vous pouvez l'utiliser n'importe où sur votre site sans limitation. (même la syntaxe est similaire : {gallery}...{/gallery} !).

[pmleconte]

Re : Installation d'un module image

Toujours les mêmes. J'ai modifié un petit peu ma logique pour mettre le {gallery}sampledata/fruitshop{/gallery} sous l'image du poteau dans la 1ére colonne. Si on modifie la taille de l'écran, la galerie reste toujours à sa place.

cela donne :


Pour rebondir sur le commentaire de PhilJ, le choix du plugin Sigplus ou Simple Image Gallery de Joomlaworks importe peu dans l'exemple que je vous ai donné. Quoique... Simple Image Gallery n'a que peu d'options de paramétrages : taille de l'image et c'est tout. Peut-être que pour faire plus beau, SigPlus a plus de possibilités.

Pascal

[accalmi]

Re : Installation d'un module image

Bonjour Pascal,

C'est exactement ce que je veux. Lorsque vous cliquez sur les petites images ça change la grande également ? Si je suis votre marche à suivre, cela veux dire que je dois créer des tableaux dans chacun de mes items et ne plus mettre de photo comme dans les screens que je vous ai montré ?

Cordialement

[pmleconte]

Re : Installation d'un module image

Avec Simple Image Gallery, lorsque je clique sur les petites images, cela ouvre une boite avec l'image demandée et possibilité de voir les suivantes. Cela ne change pas la "grande image". Sigplus fait la même chose. D'ailleurs, si vous cliquez sur les images de nos messages, on a à peu près le même résultat.

Effectivement, il ne faut plus insérer l'image par l'onglet montré sur l'image 2, mais directement dans l'éditeur de l'image 1 et créer des tableaux avec votre image, votre galerie et la suite.

Pascal

[PhilJ]

Re : Installation d'un module image

Bonjour Pascal,

[...] Pour rebondir sur le commentaire de PhilJ, le choix du plugin Sigplus ou Simple Image Gallery de Joomlaworks importe peu dans l'exemple que je vous ai donné. Quoique... Simple Image Gallery n'a que peu d'options de paramétrages : taille de l'image et c'est tout. Peut-être que pour faire plus beau, SigPlus a plus de possibilités.

Honnêtement je ne sais pas, n'ayant jamais utilisé 'Simple Image Gallery' (de Joomlaworks), mais seulement 'Sigplus' (SIG voulant d'ailleurs dire, également, 'Simple Image Gallery' ).

Juste une question : ne craignez-vous pas qu'un tableau fasse problème sur les petits formats d'écran (smartphones notamment) ? Les tableaux (= <table>...</table>) sont en effet des structures rigides, inadaptées aux petits écran dès que leur largeur totale excède ~ 280 px...

[pmleconte]

Re : Installation d'un module image

Bonjour,

Le tableau est à 100%, les colonnes suggérées à une taille de 50%, donc tout ce beau monde s'adapte à la largeur de l'écran. Je l'utilise sur la plupart de mes sites qui fonctionnent correctement sur smartphone.

Pascal

[pmleconte]

Re : Installation d'un module image

Bonjour,

Je viens de faire quelques essais avec SigPlus qui fonctionne bien (à condition de ne pas oublier de désactiver l'autre plugin: simple image gallery de Joomlaworks). Les possibilités d'affichage sont multiples et à tester pour choisir celle qui vous convient.

Pour répondre à PhilJ sur le passage au smartphone, j'ai ajouté un petit css et une div devant la gallery qui la cache si la résolution est trop basse (mais, cela fonctionne aussi sans...). En cliquant sur "toggle editor", pour afficher le source HTML de tout ça, cela donne :

<style type="text/css">
/* Phone and little tablet */
@media screen and (max-width: 767px) {
	.hidden-phone {
	display: none !important;
	}
}
</style>
<table style="width: 100%;">
<tbody>
<tr>
<td width="50%">
<p><img src="images/sampledata/fruitshop/apple.jpg" alt="apple" style="margin-right: 10px; float: left;" /></p>
<div class="hidden-phone">
<p>{gallery}sampledata/fruitshop{/gallery}</p>
</div>
</td>
<td>BLA BLA commercial.......................
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>BLA BLA pour un devis.....................
</td>
</tr>
</tbody>
</table>

Pascal

[accalmi]

Re : Installation d'un module image

Bonjour Pascal,

Encore merci d'avoir effectué tous ces essais mais je suis incapable de mettre en place ce que vous me proposez ci-dessus.

Trop peu de connaissances et créer des tableaux dans chaque items me fait vraiment peur.

Cordialement

[PhilJ]

Re : Installation d'un module image

[...] je suis incapable de mettre en place ce que vous me proposez ci-dessus.

Trop peu de connaissances et créer des tableaux dans chaque items me fait vraiment peur.

Je ne sais pas pour 'Simple Image Gallery', mais pour 'Sigplus' il n'est pas indispensable de créer un tableau : vous configurez le plugin Sigplus avec une mise en page 'Fluide', puis vous insérez l'appel de votre galerie où vous voulez dans votre contenu avec {gallery}...{/gallery}. C'est tout .


Cordialement,

[accalmi]

Re : Installation d'un module image

Bonjour PhilJ,

Merci de votre réponse. Pourriez-vous m'aider à créer un seul item avec SigPlus. Je ferai du copier collé par la suite. Mais je n'ose pas me lancer tout seul, j'ai peur de faire une connerie.

Cordialement

[PhilJ]

Re : Installation d'un module image

Bonjour accalmi,

Merci de votre réponse. Pourriez-vous m'aider à créer un seul item avec SigPlus. Je ferai du copier collé par la suite. Mais je n'ose pas me lancer tout seul, j'ai peur de faire une connerie.

Je vous assure que vous ne risquez strictement rien.

Au pire, si le chemin que vous saisissez entre {gallery} et {/gallery} est incorrect ou introuvable, vous aurez droit à un simple message d'erreur à l'écran signé Sigplus vous informant qu'il y a un souci dans votre code, et c'est le plus grand drame qui puisse vous arriver .

————————————

Donc, dans un premier temps, créez un sous-dossier /galeries dans le dossier /images existant de Joomla.

Ensuite, créez un sous-sous-dossier /ma-galerie (ou un nom plus parlant à votre gré, du moment qu'il ne comporte pas d'espaces ni d'accents) dans /galeries.

L'arborescence sera donc :
—

images

|_ galeries

|_ma-galerie

Ensuite, mettez les images destinées à s'afficher dans la galerie ma-galerie à une échelle convenable, par exemple 800 x 600 px (car les photos qui sortent de votre appareil photo ou de votre smartphone sont nettement plus grandes que les plus grands écrans de PC => inutile de perdre votre temps à envoyer des photos géantes).

Envoyez vos images ainsi préalablement redimensionnées vers le dossier /images/galeries/ma-galerie.

Dernière étape : ouvrez l'article (Joomla, K2,... peu importe) où vous voulez avoir votre galerie, puis insérez une nouvelle ligne à l'endroit que vous voulez dans laquelle vous saisirez : {gallery}galeries/ma-galerie{/gallery}. Enregistrez votre article, puis rafraîchissez la page où se trouve votre article (= touche F5). Et c'est tout.

Juste une remarque : par défaut, Sigplus va chercher les photos dans le dossier /images. C'est la raison pour laquelle /images n'est pas indiqué dans le code d'appel du plugin : vous devez donc saisir {gallery}galeries/ma-galerie{/gallery}, et non pas {gallery}images/galeries/ma-galerie{/gallery}, même si en réalité vos photos se trouvent dans /images/galeries/ma-galerie.


Pour finir, si vous jugez utile d'ajouter un titre et une description sur vos photos, reportez-vous à mes indications plus haut dans ce fil, ou bien revenez par ici.


Cordialement,

[accalmi]

Re : Installation d'un module image

Bonsoir PhilJ,

Merci votre réponse qui est très précise et très simple à réalisé mais avant de faire ce qui est indiqué sur votre dernier poste, je dois quand même installer SigPlus et le paramétrer c'est ça? Pasccal m'avez parler de désactiver un ancien plug-in

Cordialement

[PhilJ]

Re : Installation d'un module image

[...] avant de faire ce qui est indiqué sur votre dernier poste, je dois quand même installer SigPlus et le paramétrer c'est ça? Pasccal m'avez parler de désactiver un ancien plug-in.

Oui, absolument, parce que (1) vous n'avez pas besoin de 2 plugins qui ont le même usage, et (2) la syntaxe de base de 'Sigplus' et de 'Simple Image Gallery' est quasiment la même, d'où un risque de confusion, voire de blocage.

Donc, si vous utilisez Sigplus :
—

1. Avant tout, désinstallez 'Simple Image Gallery' (ou, au moins, dépubliez-le) depuis Extension > Gérer > Gestion.
2. Puis télécharger 'Sigplus' (http://forum.joomla.fr/showthread.ph...=1#post1093027), installez-le, et activez-le — également depuis Extension > Gérer > Gestion.
3. Paramétrez 'Sigplus' sommairement (http://forum.joomla.fr/showthread.ph...=1#post1093048).

Voilà, c'est tout. Vous connaissez la suite...