Opactié sur tous les images du forum.
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Opactié sur tous les images du forum.
Bonjour,
je cherche un code qui permet de mettre une opacité sur tous les images du forum.
merci d'avance.
Cordialement Jiben.
je cherche un code qui permet de mettre une opacité sur tous les images du forum.
merci d'avance.
Cordialement Jiben.
Re: Opactié sur tous les images du forum.
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
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
Re: Opactié sur tous les images du forum.
Salut,
le script ne fonctionne pu malheureusement.
Merci quand même.
le script ne fonctionne pu malheureusement.
Merci quand même.
Re: Opactié sur tous les images du forum.
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
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
Re: Opactié sur tous les images du forum.
Bonjour
c'est ceci que je cherché.
Ont les places où ces différents codes ?
c'est ceci que je cherché.
Ont les places où ces différents codes ?
Re: Opactié sur tous les images du forum.
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> :
Et le code suivant dans le template "overall_footer" juste avant la balise "</body>" :
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:
--------------------------------------------
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 :
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
***********************************************/
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>
Re: Opactié sur tous les images du forum.
Merci
Donc il faut héberger le script soit même ?
Donc il faut héberger le script soit même ?
Re: Opactié sur tous les images du forum.
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)
Re: Opactié sur tous les images du forum.
Je confirme avec ce code seulement sa fonctionne
je vous remercie pour votre aide
A locker svp
Cordialement.
je vous remercie pour votre aide
A locker svp
Cordialement.
Sujets similaires
» Centrage de tous les postes sur tous le forum
» Liens images tous cassés
» Permettre à tous les membres de voir les images
» Problème d'affichage des avatarts et smileys
» Les images qui étaient de base sur ce thème ont tous disparus
» Liens images tous cassés
» Permettre à tous les membres de voir les images
» Problème d'affichage des avatarts et smileys
» Les images qui étaient de base sur ce thème ont tous disparus
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum