Forum m4ng - medi4 next gen

Je ne sais pas si c'est le code que tu fera, mais j'en ai trouvé un qui marche...

Dans la page html, ça donne ça :

<div>
<a>
<span><img><span>Source</span></span></a>&nbsp;&nbsp;

<a>
<span><img><span>Amélioration de la netteté des contours (sharp=25.0)</span></span></a>&nbsp;&nbsp;

<a>
<span><img><span>Amélioration de la netteté des contours et des textures (sharp=25.5)</a>&nbsp;&nbsp;

<a>
<span><img><span>Amélioration de la netteté des textures (sharp=25.9)</a>


<br><br>
		<img>
		<img>
</div>

et le javascript ça :

Code : Tout sélectionner

function put_image(type,n)
{
if (type==1) {type = "sharp"}
if (type==2) {type = "blur"}
if (type==3) {type = "move"}
document.images[type].src = "images/"+type+n+".jpg"
}

function put_image2(type,n,ext)
{
if (type==1) {type = "sharp"}
if (type==2) {type = "blur"}
if (type==3) {type = "move"}
if (ext==1) {ext = "_rvb.png"}
if (ext==2) {ext = "_rvb.jpg"}
document.images[type+"_rvb"].src = "images/"+type+n+ext
}

Pour l'image, effectivement ça pèse que dalle... et elle est ici...
http://subbat.free.fr/SoftSharpen/images/sharp0_rvb.png

PS : Vu que c'est une image transparente, à l'ouverture du lien, tu verras une page blanche, mais clic droit en haut à gauche... et tu pourras l'enregistrer... elle fait 640x400

[Edit]pfff... je viens de me rendre compte que le code html a été tronqué... mais je pense que tu auras compris...

Bon, même s'il y a plus simple pour le code... je suis pas mécontent d'en avoir trouvé un qui fonctionne

oui, j'ai compris

j'ai mis modifié le javascript de sorte à ne conserver qu'une seule fonction (comme avant)

de plus, j'ai dupliqué (et redimensionné) des images transparentes pour les autres points d'explication.

Résultat : http://leon1789.perso.sfr.fr/avisynth/S ... t_avs.html

images.zip : http://leon1789.perso.sfr.fr/avisynth/S ... images.zip

Ne te gène pas si tu veux centrer les images, re-exprimer les choses autrement, etc.

Ah, bah j'avais du faire une faute de frappe, ou un truc du genre, parce que ma 1ère tentative de modification du script était exactement ça...

Pour ce qui est du centrage, et du reste... je risque de ne pas avoir le temps avant ce week-end... mais je le ferais...

[edit]J'ai trouvé la boulette que j'avais faite à mon 1er essai... vu que j'avais fait des copier-coller d'une ligne "if (type==1) {type = "sharp"}"j'avais oublié de mettre ext à la place du 2ème "type"... ça donnait ça...

Code : Tout sélectionner

function put_image(type,n,ext)
{
if (type==1) {type = "sharp"}
if (type==2) {type = "blur"}
if (type==3) {type = "move"}
if (ext==1) {type = "jpg"}
if (ext==2) {type = "png"}
document.images[type].src = "images/"+type+n+".jpg"
document.images[type+"_rvb"].src = "images/"+type+n+"_rvb."+ext
}

Forcément, ça marchait moins bien

ce qui est bien en faisant tranquillement ce document, c'est que je revoie l'intérieur de SoftSharpen et je modifie des petites choses... notamment l'anti-aliasing aujourd'hui. A la fin, quand j'aurai terminé d'expliquer les fonctionnalités, je déposerai une nouvelle de SoftSharpen

Il y a un problème dans ta page... les images ne changent plus... c'est l'image source qui reste affichée...

[Edit]Je viens de faire un test, et sauf erreur de ma part, il n'est pas nécessaire d'ajouter "if (type=="sharp" || type=="blur" || type="move" || type="denois")" au script... et du coup ça remarche...

Merci
Effectivement, moins il y a de code, mieux ça fonctionne .

. .comme d'hab.

Je vois que ça avance... cool tout ça...

De mon coté j'ai regardé le css afin d'adapter le style en fonction de la résolution de l'écran... ainsi, si la résolution de l'ecran est supérieure à 1300, la partie en bleu claire sera de 1300px (de façon à avoir les images et leurs jumelles images_rvb l'une à côté de l'autre), et pour les écran d'une résolutioin inférieure à 1300, la partie bleu claire fera 700px... Les images seront centrées...

Je vais apporter quelques autres modifs au css, et comme je te le disais, je penses qu'il serait préférable de mettre le css dans un fichier à part, qui sera commun à la page générateur et à la page explain...

Pour que je te fasse passer ça, ce serait bien que, ce soir, vers 23h, tu ne touches plus à la page html (ni à celle du générateur), de manière à ce que je récupère ta dernière version, que j'y fasse les modifs de mise en page nécessaire, et que je te redonne le tout dans un zip d'ici demain matin...

[edit], si tu n'y retouche pas dans l'après-midi, j'aurais peut-être une peu de temps entre 15h et 16h... pour faire ça...

Ah... une dernière chose, pour les renvois vers un autre "chapitre" dans la même page, pour certain, tu as mis un "target="new""... pour d'autres non... c'est volontaire ou c'est une erreur... personnellement, je préfère quand ça n'ouvre pas un nouvel onglet...

Idem pour les liens vers la page explain depuis la page generateur de commande...

Donc dis moi ce que tu préfères pour ceci, j'en profiterais pour modifier si besoin en même temps...

Ah je viens juste de voir tes messages...

Il est 16:31 à ma montre

je ne touche plus aux sources html.

Pour les renvois aux autres chapitres : comme toi, je préfère ne pas ouvrir de nouvel onglet (sauf pour le lien sur google pour les vidéos entrelacées) : deux suffisent (le 1er pour le générateur de code, le 2nd pour les explications)

Ok... Par contre, je dois m'absenter maintenant... Je verrais si j'ai le temps de poster quelque chose avant 18h... sinon, ça voudra dire que je ne pourrais m'y remettre que ce soir vers 23h...

En même temps, même si tu modifies, c'est pas bien grave... en fait dès que j'aurais tout calé, je te fait signe, et si tu as ajouté des choses en plus du chapitre sur le désentrelacement, bah j'attendrais que tu le mette en ligne pour l'ajouter avant de tout te donner....

Prends ton temps, on n'est pas aux pièces !

Voilà c'est fait... http://subbat.free.fr/SoftSharpen/SoftSharpen.zip

Concernant la page du "générateur", j'ai modifié la largeur du conteneur (partie bleu clair) pour qu'elle fasse 800px au lieu des 900... Au niveau du titre, j'ai corrigé (je pense qu'il le fallait) "voir en page de page" par "voir en bas de page"...

Concernant la page "explain", en plus du script pour adapter le conteneur à la résolution écran, j'ai centré les images (la div qui contenait les images était fermé trop tôt et la syntaxe du style n'était pas bonne)..., j'ai fait en sorte que tous les liens vers un autre "chapitre" n'ouvre pas un nouvel onglet..., j'ai ajouté une class pour l'info bulle de certaines images pour ne pas qu'elle débordent du conteneur (partie bleu clair) sur les écrans de résolution inférieure à 1300px..., et je crois que c'est tout...

Au niveau des 2 pages, j'ai remplacé tes balises par celles aux normes W3C ... j'ai modifié dans le css (qui est maintenant dans un fichier "SoftSharpen_style.css") la façon d'indiquer la taille de police que j'ai mise en em à la place des px..., les valeurs des class conteneur, et je crois que c'est tout là aussi...

J'ai par contre toujours pas pris le temps de lire attentivement tous les textes...

[edit]Ah... j'ai voulu mettre le javascript à part lui aussi, mais j'ignore pourquoi, mais la "génération" de la commande SoftSharpen ne se faisait pas... la remise à zéro et le code pour le chemin des dll fonctionnaient bien pour leur part...

Ok, je prends tes fichiers !

tu as encore bossé tard...

Je viens de corriger la page "générateur" car tu y avais placé une ancienne version du script javascript (ce qui explique que les choses ne fonctionnaient pas très bien

) http://leon1789.perso.sfr.fr/avisynth/S ... t_avs.html

Par ailleurs, je comprends que tu préfères mettre le css dans un fichier externe, mais cela ne me dérange pas que le javascript soit dans la même page que le html (vu qu'il n'est partagé par aucune autre page).

Désolé pour le javascript... il faudra que je regarde... Et euh... sinon, bah en fait, pour un soucis d'harmonisation, il faudrait, dans le css, faire un copier-coller des 2 lignes padding-left et padding-right de la class conteneur2 dans la class conteneur... et j'avais pas fait gaffe aux balises <hr>... mais il faudrait faire un rechercher remplacer pour là aussi ajouter le / dans ces balises, comme je l'ai fait pour les ...

Et effectivement, pour le javascript, c'est pas bien grave qu'il soit dans la page html...

ok, j'ai modifié les <hr> et mis les padding dans conteneur.
Je continue de renseigner les items...

Ok, ça marche...

Je me posais une question hier soir... Pourquoi ne pas mettre le générateur sur la même page que les explications en fait...

Ainsi, la page commencerais par une présentation/explication générale de la fonction SoftSharpen... puis un bloc contenant le générateur... puis tous les blocs contenant les explications de chaque option... (ou l'explication des options, puis le générateur)...

Du coup, dans chaque explication d'une option, on pourrait ajouter un lien "retour au générateur"...

Bon ce n'est qu'une suggestion, c'est très bien comme c'est aujourd'hui, mais je trouverais ça plus pratique personnellement... Mais c'est ton "joujou"... c'est comme tu le sens donc...

j'ai essayé de mettre tout dans une seule page
http://leon1789.perso.sfr.fr/avisynth/S ... arpen.html
mais certains navigateurs (chrome, firefox) ont des problèmes de référence aux paragraphes, alors que d'autres (internet explorer) agissent normalement...
Je ne comprends pas.

Effectivement... y-a problème...

En cherchant un peu sur le net, j'ai trouvé un article où il était noté que le fait que l'id et le name aient le même nom pouvait créer une confusion... j'ai donc essayé en mettant name=sharp_explain" (ne pas oublié de changer le nom également au début du paragraphe expliquant le "sharp" et ça marche....

Tiens, si tu veux jeter un oeil à ça... http://subbat.free.fr/SoftSharpen/SoftSharpen2.zip

J'ai changé les noms des "ancres", ajouter ta partie sur le gain, et le css a un peu bougé... c'est une histoire de goût, mais je trouve plus sympa ainsi l'intégration du générateur dans l'ensemble de la page...

Par contre j'ai pas mis les liens pour un "retour au générateur"... je ne sais pas où le placer en fait...

tes explications sont parfaites ! Merci.

De mon coté, j'ai fait ceci : http://leon1789.perso.sfr.fr/avisynth/S ... arpen.html
J'ai placé le "retour" en face des images de chaque explication...

Les images sont dans le zip http://leon1789.perso.sfr.fr/avisynth/S ... images.zip

J'ai repris ton dernier css, mais j'ai ajouté
padding-left:20px;
padding-right:20px;
dans "conteneur". C'est bon ?

Cool ces petites flêches pour les retours... c'est très bien...

Pour ce qui est des modifs que tu as faites sur mon dernier css... bah en fait ça dépend... De la manière dont tu as placé le générateur oui, c'est mieux comme ça (à la limite même, tu n'avais pas à changer le css)...

Les modifs que j'avais faites étaient pour l'hypothèse de présentation que j'avais faites juste au dessus... En fait, tous le le code html du générateur était à placer juste en dessous de la ligne

<div id="conteneur" class="conteneur2">
 

Et ça donne ça : http://subbat.free.fr/SoftSharpen/SoftSharpen.html

ok, j'inclus le conteneur1 dans le 2

on a convergé.

Voilà, c'est ça... mais encore une fois, ce n'est qu'une suggestion... si tu préfères autrement, c'est toi qui vois...

Il y a un truc qui me "gène" un peu avec la flèche "retour"... c'est que du coup les images "vignettes" ne sont plus centrées précisément, mais avec un décalage sur la gauche de la largeur de flèche...

J'ai modifié le code pour que la flèche n'ait pas d'incidence sur le positionnement des vignettes, tout en faisant en sorte que la flèche soit visuellement comme c'est le cas avec ton code... comme suit

(en vert ce que j'ai ajouté, et en ~~rouge~~ ce que j'ai enlevé)

dans le html à chaque fois...

<a href="SoftSharpen.html#generateur"><img src="images/retour.png" style="height:55px; vertical-align:bottom;"></a>retour au générateur de code avisynth

<div class="retour"><a href="SoftSharpen.html#generateur"><img src="images/retour.png" style="height:55px;"></a>retour au générateur de code avisynth</div>

~~ ~~ 
<img name=aa src="images/aa0.jpg" >
<img name=aa_rvb src="images/aa0_rvb.png" >

et j'ai ajouté ça au css

.retour{
float: right;
margin-top:-55px;
}

C'est ici : http://subbat.free.fr/SoftSharpen/SoftSharpen2.zip ...et ça donne ça : http://subbat.free.fr/SoftSharpen/SoftSharpen.html

ok, je prends !

merci

Forum m4ng - medi4 next gen

SoftSharpen 8.8 - Script vidéo AviSynth