|
yvanoph
|
 |
« le: Lun. 03 Juin 2013 à 03:32:28 » |
|
... suite à une demande complémentaire par courriel, à savoir supprimer la galerie des "thumbnails", vignettes en Français, situé à gauche ? Avec la bonne idée de joindre l'original, ayant de mon coté fait le vide de ces [Composant]s...
Alors rien de plus facile à modifier ! Charger ce programme dans SSSEditor, et vous vous trouverez face à la première image.
Sur votre gauche, en premier la "Partie commune", celle qui va nous générer en fait le Diaporama appelé dans une "IFrame" ! Et en dessous, les "Options", qui, SI existante, seront visibles en deuxième paramètre dans le [Composant/Général/Diaporamas], visible cette fois dans XWebDesignor ?
Dans le cas qui nous intéresse, ça se passera dans la partie droite, où, comme déjà expliqué ci dessus, nous allons éditer le fichier "index.html" car c'est lui qui génère notre fameux Diaporama...
Ce fichier ouvert dans "NotePad" par exemple, nous allons trouver :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Left Gallery Slide Show</title>
<script src="blentrans.js" type="text/javascript"></script>
<script type="text/javascript">
<#setImageWidth value="<#width>-<#thumbWidth>-70">
<#setImageHeight value="<#height>-80">
var imageWidth=<#imageWidth>;
var imageHeight=<#imageHeight>;
var thumbWidth=<#thumbWidth>;
var thumbHeight=<#thumbHeight>;
var timeShow=<#timeShow>;
var height=<#height>;
var images=
[
<#images value="['<#thumbFile>','<#sizedFile>','<#label>'],\n">
['','','']
];
...
<body>
<table id="panel" style="width=:100%;height=100%;border-width=0">
<tr>
...
</body>
</html>
Vous l'aurez compris, tout ce qui est en ROUGE relève de la bêtise, pour rester correct ?
En effet, la variable <#label>, qui va nous afficher le Nom de fichier de l'image (Qui, si nous l'avons nommé de façon intelligente, n'est plus vraiment du BON Français, sans les espaces ou accents par exemple...), serait avantageusement remplacée par <#comment> ?
Et plus bas, les erreurs de css... Un signe égal = est INTERDIT à cet endroit, nous en trouvons trois, lesquels DOIVENT être remplacés par des deux points : ! Quant à mettre les deux simultanément...
Sans compter l'absence de la ligne principale pour que les caractères soient exprimés en BON Français ?
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
Bref, dans les options à gauche, vous pourriez rajouter par exemple "Blue", "Red", "Green", et, ce paramètre sélectionné, rajouter alors à droite la série de Bouton aux couleurs adéquates ?
Les "boulettes" réparées, ce qui nous évitera de prendre des Points rouges en "css", ce genre de Diaporama peut tourner sans les Vignettes à gauche en supprimant tout simplement les Variables et le Code superflus ?
Et penser à enregistrer tout cela sous un autre nom quand même...
De fait, la ressource fonctionnelle désirée en pièce jointe ci dessous, totalement conforme aux Normes du W3C, cordialement, Yvanoph---
P.S. Pour un BON usage de ce Diaporama, respecter les points suivants :
TOUTES les images à la largeur exacte de votre Diaporama.
TOUTES les images aux même dimensions ! Quitte à les coller sur des fonds dont les couleurs vous plaisent, comme précédemment indiqué ?
Rajouter dans XWD 50 pixels à la hauteur du Diaporama à celle de vos images, ceux ci étant nécessaires au texte affiché au dessus, et aux Boutons en bas.
Penser à décocher dans XWD les cases "Adoucir" et "Proportionnel", ça vous évitera des flous et bien des calculs par les machines...
|
|
|
|
|
Journalisée
|
La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !
La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs chercher à comprendre...
Chance inouïe, ici théorie et pratique fonctionnent !
|
|
|
|
|
|
yvanoph
|
 |
« Répondre #2 le: Lun. 03 Juin 2013 à 19:06:42 » |
|
Content aussi que cette évolution vous soit utile ?
Je me suis permis d'aller vérifier, par principe,la conformité aux Normes du W3C de votre nouveau Diaporama, ci dessous les Liens que le W3C m'a renvoyé :
le "html" http://validator.w3.org/check?uri=http%3A%2F%2Fwww.berrand-sarl.fr%2FSlideShow9_11043%2Findex.html&charset=%28detect+automatically%29&doctype=Inline&group=0
et le "css" : http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.berrand-sarl.fr%2FSlideShow9_11043%2Findex.html&profile=css3&usermedium=all&warning=1&vextwarning=&lang=fr
En fait, l'adresse réelle de ce Diaporama est :
http://www.berrand-sarl.fr/SlideShow9_11043/index.html
Pas même un simple avertissement ! "Même pas peur"...
J'avoue que j'aime beaucoup cette Page, elle s'est nettement améliorée, et je reconnais avoir pris le temps de faire les Boutons bleus en pensant justement à vos Salles de bain ! (Sourire)
D'un autre coté, précision car oubli de ma part, penser à taper des commentaires dans la Médiathèque dont la longueur n'excède pas la largeur de l'image ? Sinon la fin sera fort probablement tronquée, ce serait dommage ?
En ce qui vous concerne "gb87", peut-être remplacer "expo" par exposition puisque vous avez la place, voire WC par toilettes puisque là aussi la place, mais ce qui aurait une ouverture plus large en matière de Référencement ? Voire rajouter "de cuvette" après abattants ? Ce ne sont que des suggestions, à vous de jouer sur les mots, tant en ce qui touche au Référencement qu'envers les personnes mal voyantes.
Réellement content pour vous, Yvanoph--- |
|
|
|
|
Journalisée
|
La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !
La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs chercher à comprendre...
Chance inouïe, ici théorie et pratique fonctionnent !
|
|
|
|
yvanoph
|
 |
« Répondre #3 le: Mar. 04 Juin 2013 à 15:15:52 » |
|
Dans le "Java Script", le Code est le suivant :
<script type="text/javascript">
...
var images=[
<#images value="['<#thumbFile>','<#sizedFile>','<#comment>'],\n">
['','','']
];
...
function changeImage(n){
if(showed) blendImage("imageDiv","image",images[n][1],1000);
else document.getElementById("image").src=images[n][1];
var title=images[n][2];
De fait, la variable "images" crée un tableau contenant trois tableaux, et nous n'avons plus besoin du premier puisque nous n'affichons plus de "ThumbNails" ?
Alors autant supprimer tous ces caractères inutiles, et alléger le chargement ? Ce qui va nous donner :
<script type="text/javascript">
...
var images=[
<#images value="['<#sizedFile>','<#comment>'],\n">
['','']
];
...
function changeImage(n){
if(showed) blendImage("imageDiv","image",images[n][0],1000);
else document.getElementById("image").src=images[n][0];
var title=images[n][1];
en n'oubliant pas de ré indexer tous les tableaux appelés y compris les suivants après ceux montrés ci dessus, le premier prenant pour valeur zéro, 0, le deuxième un, 1 etc. en "Java Script" ! ! !
Avec mes excuses, le "SSS" optimisé ci dessous (1 Ko de moins), cordialement, Yvanoph---
|
|
|
|
|
Journalisée
|
La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !
La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs chercher à comprendre...
Chance inouïe, ici théorie et pratique fonctionnent !
|
|
|
|
gb87
|
 |
« Répondre #4 le: Mer. 05 Juin 2013 à 08:33:01 » |
|
... Réparé et remis en ligne => nickel !
@+ Guy
|
|
|
|
|
Journalisée
|
Il est humain de se tromper, persévérer dans l’erreur est diabolique ... en quelques mots: Errare humanum est, perseverare diabolicum...
Je fonctionne avec 1 PC, sous Windows Seven Pro.
J'utilise IE version 11.0.9600.17801 (Enfin quand çà fonctionne!) + Firefox (Dernière version)
|
|
|
|
yvanoph
|
 |
« Répondre #5 le: Dim. 16 Mars 2014 à 19:42:38 » |
|
Et noté quelques boulettes dans le Code de la Page :
Lien : Plomberie et Sanitaires !
Trouvé :
setBanRo("div_BanRoP9I11000",180,["http://www.decotec.fr/","http://www.aquamarine-spa.fr/","http://www.pyram.fr/","http://www.collin-arredo.com/","http://www.leda.eu/","http://www.geberit.fr/fr_fr/index.html","http://www.idealstandard.fr/","http://www.novellini.fr/","http://www.roca.fr/","http://www.sfa.fr/accueil","http://www.thg.fr/fr.html"],
["","","","","","","","","","",""],
["Decotec Partis","Spas Aquamarine","Pyram","Collin Arredo","Douche Leda","Geberit France","Idéal Standard","Novellini Design","Roca France","SFA Sanibroyeur","THG sanitaire"],["./images/Decotec.1585.jpg","./images/Spas_Aquamarine.1584.jpg","./images/Pyram.1586.jpg","./images/Collin_Arredo.1587.jpg","./images/Leda.1588.jpg","./images/Geberit_France.1594.jpg","./images/Ideal_Standard.1593.jpg","./images/Novellini_Design.1589.jpg","./images/Roca.1591.jpg","./images/SFA_sanibroyeur.1592.jpg","./images/THG_Paris.1590.jpg"],["Decotec Paris","Spas Aquamarine","Pyram","Collin Arredo SALLE DE BAINS PASSION","Douches Leda","Geberit","Idéal Standard","Novellini Design","Roca","SFA sanibroyeur","THG - Paris"]);
3
jQuery('#div_BanRoP9I11000').banRo({W:180,H:130,D:4*1000,spN:12,spD:1*1000,ttlO:0.99,ttlD:0.5*
1000,ov:"true",TB:"top",LR:"left",ef:"ride",nav:"true",lns:"true"});
Je me suis permis de le modifier ainsi :
setBanRo("div_BanRoP9I11000",180,["http://www.decotec.fr/","http://www.aquamarine-spa.fr/","http://www.pyram.fr/","http://www.collin-arredo.com/","http://www.leda.eu/","http://www.geberit.fr/fr_fr/index.html","http://www.idealstandard.fr/","http://www.novellini.fr/","http://www.roca.fr/","http://www.sfa.fr/accueil","http://www.thg.fr/fr.html"],["_blank","_blank","_blank","_blank","_blank","_blank","_blank","_blank","_blank","_blank","_blank"],["Decotec Paris","Spas Aquamarine","Pyram","Collin Arredo","Douche Leda","Geberit France","Idéal Standard","Novellini Design ","Roca France","SFA Sanibroyeur","THG sanitaire"],["./images/Decotec.1585.jpg","./images/Spas_Aquamarine.1584.jpg","./images/Pyram.1586.jpg","./images/Collin_Arredo.1587.jpg","./images/Leda.1588.jpg","./images/Geberit_France.1594.jpg","./images/Ideal_Standard.1593.jpg","./images/Novellini_Design.1589.jpg","./images/Roca.1591.jpg","./images/SFA_sanibroyeur.1592.jpg","./images/THG_Paris.1590.jpg"],["Decotec Paris","Les Spas, par Aquamarine","Gamme Pyram, rangements","Collin Arredo SALLE DE BAINS PASSION","Les Douches par Leda","Geberit Robinetterie Accessoires","Idéal Standard","Novellini Design","Roca Robinetterie Accessoires","SFA - Les sanibroyeur","THG - Paris"]);
3
jQuery('#div_BanRoP9I11000').banRo({W:180,H:130,D:4*1000,spN:12,spD:0.05*1000,ttlO:0.75,ttlD:0.5*
1000,ov:"true",TB:"top",LR:"left",ef:"ride",nav:"false",lns:"true"});
En effet, vous n'avez pas coché "Nouvelle Fenêtre" dans vos Liens, ce qui fait que vous éjectez votre Client de votre Site ?
Ensuite, le temps de la variable "spD" ("spare part Delay", ou pièce détaché délai...) est à 1, soit une seconde pour l'afficher ? Alors que "spN" ("spare part Number", ou pièce détaché quantité...) est à 12, soit douze Lames !
Douze morceaux, une seconde chacun pour être affiché, temps global de "fabrication" donc de douze secondes ?
Je l'ai donc mis à cinq centièmes de secondes, soit 0.05 afin d'avoir un effet plus "fondu" ?
Et par curiosité, mis 75 pour la transparence du fond des textes, textes que je me suis amusé à compléter ? Car une astuce est d'employer des textes différents entre le Commentaire de chaque image dans la Médiathèque et le Texte affiché, ce qui permet d'augmenter les mots éventuels pour les robots ?
Par ailleurs, comme vous n'avez pas d'images de Boutons paramétrée au Survol, modifié la variable de l'affichage au Survol de "true" à "false" ? Ainsi que supprimé l'affichage en bas, à vous de voir si vous désirez modifier tout cela dans votre Page ?
Bien cordialement, Yvanoph--- |
|
|
|
« Dernière édition: Ven. 01 Mai 2015 à 09:21:33 par gb87 »
|
Journalisée
|
La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !
La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs chercher à comprendre...
Chance inouïe, ici théorie et pratique fonctionnent !
|
|
|
|
gb87
|
 |
« Répondre #6 le: Mer. 13 Mai 2015 à 16:41:15 » |
|
Bonjour chers toutes z'et tous  ,
toujours dans le même ordre d'idée de déménagement de pas mal de fichiers vers d'autres contrées moins pénibles, comment puis-je faire pour les "slideshow" (... diaporamas pour moi, in French ! Sorry...).
Pour le moment, ils se trouvent sur mon serveur et se nomment ainsi : /SlideShow104_11007, avec bien "d'autres copains".
En fait mon site comporte sept diaporamas, pas plus, mais sur mon serveur j'en suis à treize et bien entendu, il y a certainement des doublons ! J'en ai même eu jusqu'à dix huit, comprenne qui pourra ! ! ! 
QUESTION : (Comme dirait la présentatrice TV de "Qui veut gagner des millions"…)
 Comment doit-on, ou peut-on faire pour donner une URL à chacun de ces diaporamas ?
J'utilise le fameux "skin" (Habillage...) : LightSimpleSlideShow (Simple Diaporama...), en Black (Noir...), que vous avez eu la gentillesse de bien vouloir mettre à ma disposition, en tant "qu'à beau nez", pour une somme dérisoire et qui fonctionne parfaitement bien.
Pourquoi ne pas pouvoir inclure dans celui-ci, une URL propre à ce diaporama ? Mais je rêve d'une banque peut être que ce n'est peut être pas faisable ?
Ou alors comment faire ? 
… "disez" moi tout, cher Monkotchensite.  Merci d'avance 
@+ Guy |
|
|
|
|
Journalisée
|
Il est humain de se tromper, persévérer dans l’erreur est diabolique ... en quelques mots: Errare humanum est, perseverare diabolicum...
Je fonctionne avec 1 PC, sous Windows Seven Pro.
J'utilise IE version 11.0.9600.17801 (Enfin quand çà fonctionne!) + Firefox (Dernière version)
|
|
|
|
yvanoph
|
 |
« Répondre #7 le: Jeu. 14 Mai 2015 à 02:40:35 » |
|
... vous vous retrouviez avec X Diaporamas ! ! ! Tout simplement parce que, comme vous l'avez bien deviné, X - 7 sont identiques aux autres...
Comme déjà expliqué maintes fois, XWebDesignor indexe, numérote à tour de bras, car c'est le seul élément logique simple qu'il soit possible d'utiliser dans une DB (Base de Données...), d'autant que c'est aussi le seul élément qu'il soit possible d'incrémenter automatiquement ?
Donc supposons que à cet instant vous ayez 10 000 éléments dans votre fichier Site, que vous fassiez quelques modifications sur une Page incluant un Diaporama, supprimiez une Page datant de l'année passée, et du coup en profitiez pour supprimer aussi de la Médiathèque des éléments devenus inutiles puis "Compactiez/Répariez trois fois etc." ?
Et vous voilà tout d'un coup avec 9 967 éléments en tout dans votre fichier Site !
Tout ce nettoyage fait, tout étant clair, net propre et sauvegarde faite par le dernier compactage, vous publiez enfin, mais que la Page modifiée pour aller plus vite ?
Hors votre Diaporama portait le numéro 9 990 !
Et oui, vous avez compris, maintenant il n'existe plus, donc à la prochaine publication, il va porter maintenant le numéro 9 957... MAIS !
Mais comme vous n'avez PAS demandé une publication complète AVEC l'option nettoyage activée, le /Répertoire contenant le numéro 10000 ne sera donc pas supprimé ?
Au PIRE, si vous modifiez dix fois ces sept Pages, tout en créant et supprimant de nouveaux éléments dans le total, vous risquez sans publication complète ET nettoyage de vous retrouver avec soixante dix /Répertoires !
Vous vous trouvez donc avec trois choix possibles devant vous :
A ) Tout laisser tel quel mais SYSTEMATIQUEMENT ne faire QUE des publications complète AVEC nettoyage...
B ) Supprimer TOUS les Diaporamas générés pas SSSEditor ? Et les remplacer par autre chose, mais adieu les habillages !
C ) Modifier facilement ces Diaporamas, pour les inclure dans des Cadres comme IFrame, et SURTOUT en profiter pour augmenter du coup votre Référencement ? 
C'est ce que je vous propose de faire, d'autant que ce n'est pas trop compliqué à faire une fois compris l'astuce d'implantation ? Mais surtout que vous ne le ferez qu'une fois, et qu'à chaque publication même complète, vous n'aurez plus tout ce bazar à publier, exactement comme tous les fichiers placés en ressources externes quoi ?
A vous lire, bien cordialement, Yvanoph--- |
|
|
|
|
Journalisée
|
La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !
La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs chercher à comprendre...
Chance inouïe, ici théorie et pratique fonctionnent !
|
|
|
|
Karim Yvanoph
WebMaster 3Alannet webmaster@abc-du-web.com
BP 116
7080 Menzel JEMIL Gouvernorat de BIZERTE
Tunisie
Yvanoph www.abc-du-web.com 0021625332209
