Opactié sur tous les images du forum.

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

Résolu Opactié sur tous les images du forum.

Message 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.

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Opactié sur tous les images du forum.

Message 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

Ecstasy
***

Féminin
Messages : 146
Inscrit(e) le : 20/08/2010

Ecstasy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Opactié sur tous les images du forum.

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

Salut,

le script ne fonctionne pu malheureusement.

Merci quand même.

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Opactié sur tous les images du forum.

Message 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

Sen Hime
****

Féminin
Messages : 243
Inscrit(e) le : 24/03/2009

http://hyrulesjourney.fr-bb.com
Sen Hime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Opactié sur tous les images du forum.

Message 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 ?

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Opactié sur tous les images du forum.

Message 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>

Sen Hime
****

Féminin
Messages : 243
Inscrit(e) le : 24/03/2009

http://hyrulesjourney.fr-bb.com
Sen Hime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Opactié sur tous les images du forum.

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

Merci

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

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Opactié sur tous les images du forum.

Message 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)

Sen Hime
****

Féminin
Messages : 243
Inscrit(e) le : 24/03/2009

http://hyrulesjourney.fr-bb.com
Sen Hime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Opactié sur tous les images du forum.

Message 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.

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben 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