lien vers image succinte

[clechipey]

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 ! mais la durée et l'impossibilité de refaire l'action une seconde fois, là je coince !
javascript, css ?
merci d'avance à vous pour vos lumières !
Corinne

[Ea]

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://2img.net/i/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://2img.net/i/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.

[clechipey]

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
non mais je vais regarder ce soir sur fofo de test et je te dis ce qu'il en est
merci tout plein
Corinne

[clechipey]

Bonjour,

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

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 ?

Code:

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

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

merci d'avance !

Corinne

[Ea]

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 "https://2img.net/i/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://2img.net/i/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://2img.net/i/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.

[clechipey]

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 je vous tiens au courant

[clechipey]

bonjour,

je vais utiliser ta seconde solution

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 https://2img.net/i/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 https://2img.net/i/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 !

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