Opactié sur tous les images du forum.

par Jiben le Ven 18 Fév 2011 - 12:41

Bonjour,

je cherche un code qui permet de mettre une opacité sur tous les images du forum.

merci d'avance.

Cordialement Jiben.

par Ecstasy le Ven 18 Fév 2011 - 13:33

Bonjour,

Je sais qu'il y a le gradualfader de Javascript qui permet de jouer sur les opacités. Il y a un tuto ici. Je ne l'ai pas testé personnellement mais Abygaël et Spider Monkey sont assez douées en codages pour savoir de quoi elles parlent Wink

par Jiben le Sam 19 Fév 2011 - 11:19

Salut,

le script ne fonctionne pu malheureusement.

Merci quand même.

par Sen Hime le Lun 21 Fév 2011 - 3:43

Bonjour,

Vous souhaitez que les images soient toutes transparentes d'office ? Ou qu'elles réagissent au passage de la souris ?

Le script dont parlait Ecstasy, vous le trouverez également ici : http://www.dynamicdrive.com/dynamicindex11/gradualfader.htm

par Jiben le Lun 21 Fév 2011 - 11:02

Bonjour

c'est ceci que je cherché.

Ont les places où ces différents codes ?

par Sen Hime le Lun 21 Fév 2011 - 14:16

Les emplacements des codes sont décrits par le lien donné par Ecstasy, à savoir :
Dans le template "overall_header" entre les balises <head> et </head> :

Code:: <script type="text/javascript" src="http://jquery.com/src/latest/"></script> <script type="text/javascript" src="gradualfader.js"> /*********************************************** * Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts * This notice must stay intact for legal use ***********************************************/

en remplaçant l'url du fichier .js (gradualfader.js) par celle du fichier à télécharger ici et que vous devez héberger vous-même (par exemple sur archive-host)

Et le code suivant dans le template "overall_footer" juste avant la balise "</body>" :

Code:: <script type="text/javascript"> gradualFader.init() //activate gradual fader </script>

Il faut ensuite que les images aient la classe "gradualfader" pour que l'effet d'opacité s'affiche sur elles.
Pour donner la classe automatiquement à toutes les images, le code suivant peut être ajouté dans les balises <head> et </head> de overall_header:

Code:: <script type="text/javascript"> $(function(){ $("img").addClass("gradualfader"); }); </script>

--------------------------------------------

Ceci dit ... Et ce qui me parait moins compliqué, il me semble qu'on obtient aussi cet effet sur toutes les images en ajoutant uniquement le code suivant entre les balises <head> et </head> du template overall_header :

Code:: <script type="text/javascript"> $(document).ready(function() { $('img').each(function() { $(this).css('opacity', 0.5); $(this).hover(function() { $(this).stop().animate({ opacity: 1.0 }, 500); }, function() { $(this).stop().animate({ opacity: 0.5 }, 500); }); }); }); </script>

par Jiben le Lun 21 Fév 2011 - 14:31

Merci

Donc il faut héberger le script soit même ?

par Sen Hime le Lun 21 Fév 2011 - 17:21

Si vous choisissez la première solution, oui (vu que dans le second cas [le dernier code que j'ai donné], il n'y a pas de fichier à héberger)

par Jiben le Lun 21 Fév 2011 - 23:39

Je confirme avec ce code seulement sa fonctionne Smile

je vous remercie pour votre aide Smile

A locker svp

Cordialement.

Opactié sur tous les images du forum.

Opactié sur tous les images du forum.

Re: Opactié sur tous les images du forum.

Re: Opactié sur tous les images du forum.

Re: Opactié sur tous les images du forum.

Re: Opactié sur tous les images du forum.

Re: Opactié sur tous les images du forum.

Re: Opactié sur tous les images du forum.

Re: Opactié sur tous les images du forum.

Re: Opactié sur tous les images du forum.