lien vers image succinte

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

Résolu lien vers image succinte

Message par clechipey le Jeu 18 Sep 2014 - 22:02

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : préparation
Lien du forum : http://discusentreamis.positifforum.com/

Description du problème

Bonsoir,
Je suis toujours dans la recherche de quelques codes pour une animation à venir !
je souhaite placer dans un message, un lien qui dirige vers une image qui ne doit apparaître que quelques secondes (40 environ) et cela seulement une fois par membre, sans droit à un second essai !
donc, le lien c'est ok Mr. Green ! mais la durée et l'impossibilité de refaire l'action une seconde fois, là je coince ! Embarassed
javascript, css ?
merci d'avance à vous pour vos lumières !
Corinne


Dernière édition par clechipey le Mer 1 Oct 2014 - 14:22, édité 1 fois

clechipey
**

Féminin
Messages : 50
Inscrit(e) le : 02/12/2013

http://www.discustoutsimplement.com
clechipey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: lien vers image succinte

Message par Ea le Ven 19 Sep 2014 - 18:27

Bonjour,


Impossible, ce n'est pas possible.

Le membre n'aura qu'à regarder le code du script ou de la page pour trouver l'adresse de l'image.

On pourrait mettre dans le message :

Code:
[table class="one_time_image"][/table]

Et mettre ce script sur les sujets :

Code:
$(function(){

  var n = "one_time_image";
  var img = "http://illiweb.com/fa/i/smiles/icon_cat.png";
  var num_sec = 40;

  var c = $("."+n);
  if(c.length==0) return;

  if(!window.localStorage || localStorage[n]) return c.remove();

  localStorage[n] = 1;
  c.replaceWith('<img src="'+img+'" class="'+n+'_display"/>');
  setTimeout(function(){ $("."+n+"_display").remove(); }, num_sec*1000);

});

dans ce script vous pouvez changer le nombre de seconde d'affichage, l'adresse de l'image et le nom de la classe.

Le membre pourra tout de même voir plusieurs fois l'image si il change de navigateur ( ou supprime les données de site ).

Il y a aussi le problème du membre qui ouvrirait la page de sujet avec l'image mais ne lirait pas le sujet directement, il pourrait ne jamais voir l'image si il attend les 40 secondes sans ouvrir le sujet.

Cordialement.

ps : pour rendre le choppage de l'image un peu plus difficile, vous pourriez remplacer la ligne :

Code:
var img = "http://illiweb.com/fa/i/smiles/icon_cat.png";

par ce que vous obtenez en la mettant dans un "embrouilleur" ( par exemple : http://javascriptobfuscator.com/ ) comme je l'ai mis au dessus ça ne rend rien impossible mais c'est déjà un rien plus difficile.

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: lien vers image succinte

Message par clechipey le Ven 19 Sep 2014 - 19:14

Bonsoir et merci Ea,
je vais essayer sans l'embrouilleur pour commencer, ça n'est qu'une petite animation.... logiquement, pas de "tricheurs" en ligne Mr. Green
non mais je vais regarder ce soir sur fofo de test et je te dis ce qu'il en est thumright
merci tout plein Very Happy
Corinne

clechipey
**

Féminin
Messages : 50
Inscrit(e) le : 02/12/2013

http://www.discustoutsimplement.com
clechipey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: lien vers image succinte

Message par clechipey le Mar 23 Sep 2014 - 9:52

Bonjour,

il y a apparemment quelque chose que je n'ai pas bien compris car sans doute j'ai mal expliqué mon souhait Laughing

je vais ouvrir un post dans lequel vont apparaître :
- quelques explications aux membres sur le déroulement de l'épreuve !
- un lien les conduisant vers une image qui ne doit apparaître qu'un temps bref (et si possible qu'ils ne pourront visionner qu'une seule fois mais là, j'ai cru comprendre que ça n'était pas faisable !)

donc, je ne sais pas trop finalement où placer ce code ? scratch

@Ea a écrit:
Code:
[table class="one_time_image"][/table]

sur mon post et je dois y insérer le lien à suivre ?

merci d'avance !

Corinne


clechipey
**

Féminin
Messages : 50
Inscrit(e) le : 02/12/2013

http://www.discustoutsimplement.com
clechipey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: lien vers image succinte

Message par Ea le Mar 23 Sep 2014 - 14:47

Là c'était pour mettre directement l'image dans le post.

Donc :

Code:
[table class="one_time_image"][/table]

mis dans le post était remplacé ( à la première vue ) pendant 40 secondes par l'image "http://illiweb.com/fa/i/smiles/icon_cat.png"


J'ai fait un autre essai, on a une page html où on peut créer un lien vers une image : http://js01.fra.co/h3-encoding-image

Quand on met par exemple http://illiweb.com/bl/logo.png dans la première case, on a un lien :

Code:
http://js01.fra.co/h4-#aHR0cDovL2lsbGl3ZWIuY29tL2JsL2xvZ28ucG5n

Et quand on va sur le lien ( c'est donc le lien qu'il faudrait donner aux membres ), on arrive sur la page qui affiche l'image http://illiweb.com/bl/logo.png pendant 40 secondes.

Comme je l'ai dit au départ il n'y a pas moyen de faire quelque chose de parfait, ici par exemple :

  • Le membre pourrait vider ses données de navigateur pour être capable de revoir l'image.

  • Le membre pourrait regarder le code source et avec un petit peu de connaissance en javascript trouver l'url de l'image à partir du lien http://js01.fra.co/h4-#aHR0cDovL2lsbGl3ZWIuY29tL2JsL2xvZ28ucG5n

  • Le membre pourrait avoir l'url de l'image affichée pendant les 40 secondes avec les outils de développements du navigateur.


On peut utiliser les deux pages comme elles sont là, mais vous pouvez les héberger plutôt sur votre forum en modifiant comme vous souhaitez ( en copiant-collant le code source dans une nouvelle page html en mode avancé (PA > Modules > HTML & JAVASCRIPT | Gestion des pages HTML) ).

Sur http://js01.fra.co/h3- il n'y a pas grand chose d'utile à modifier, juste le "http://js01.fra.co/h4-" qui est l'url de votre page d'affichage d'image.

Sur http://js01.fra.co/h4- vous pouvez modifier le style, le contenu html à afficher quand on a vu l'image :

Code:
var image_seen = "<h1>Vous avez déjà vu l'image =/</h1>";

et le nombre de seconde d'affichage de l'image :

Code:
var num_sec = 40;

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: lien vers image succinte

Message par clechipey le Mar 23 Sep 2014 - 15:17

Merci, je crois que ça commence à prendre forme ! je regarde ça dans l'après-midi afin de me rendre compte du résultat et si ça colle parfaitement avec ma recherche !
merci tout plein Ea thumright je vous tiens au courant Clin d\'oeil

clechipey
**

Féminin
Messages : 50
Inscrit(e) le : 02/12/2013

http://www.discustoutsimplement.com
clechipey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: lien vers image succinte

Message par clechipey le Jeu 25 Sep 2014 - 14:45

bonjour,

je vais utiliser ta seconde solution


@Ea a écrit:J'ai fait un autre essai, on a une page html où on peut créer un lien vers une image : http://js01.fra.co/h3-encoding-image

Quand on met par exemple http://illiweb.com/bl/logo.png dans la première case, on a un lien :



Code:
http://js01.fra.co/h4-#aHR0cDovL2lsbGl3ZWIuY29tL2JsL2xvZ28ucG5n


Et quand on va sur le lien ( c'est donc le lien qu'il faudrait donner aux membres ), on arrive sur la page qui affiche l'image http://illiweb.com/bl/logo.png pendant 40 secondes.

qui reste la solution la plus simple pour moi qui ne suis pas vraiment au top pour mettre tout ça en application ! mais ça rentre petit à petit quand même grâce à vous tous ! thumright

merci Ea, c'est un sacré coup de main que tu m'as donné là ! ok Yes

clechipey
**

Féminin
Messages : 50
Inscrit(e) le : 02/12/2013

http://www.discustoutsimplement.com
clechipey 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