Tout simple Bouton_activeTout simple Bouton_hoverTout simple Fb-hoverTout simple Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Tout simple EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Tout simple EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Tout simple EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Tout simple EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Tout simple EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Tout simple EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Tout simple EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Tout simple EmptySam 11 Fév 2023, 06:04 par Krager


Partagez
 

Tout simple

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




Tout simple Empty
ben en faite, je voudrais savoir le code html qui permet que l'image change lorsqu'on actualise la page.

voici deux exemples d'images pour tester.

https://i.servimg.com/u/f13/14/53/59/47/sans_t10.jpg

et

https://i.servimg.com/u/f13/14/53/59/47/sans_t11.jpg

donc voila, le truc que je demande est différent d'un gif, je veux carrément que l'image change et devienne l'autre en actualisant.

y a surement un code html pour ça mais je ne le connais pas, merci bien.
MessageSujet: Tout simple   Tout simple EmptyVen 04 Déc 2009, 05:13
Revenir en haut Aller en bas
Loumina
Loumina
{ Membre actif }
{ Membre actif }

Féminin Messages : 308



Tout simple Empty
Bonjour !

Code:
<script type="text/javascript"><!--
function image() {
};
image = new image();
number = 0;
// imageArray
image[number++] = "<img src='IMAGE1'  usemap='#Map' border='0'>"
image[number++] = "<img src='IMAGE2'  usemap='#Map' border='0'>"
//
increment = Math.floor(Math.random() * number);
document.write(image[increment]);
//--></script>

Voilà le code! =)

Tu remplace IMAGE par ta signature ou l'image désiré! ^^
MessageSujet: Re: Tout simple   Tout simple EmptySam 05 Déc 2009, 09:01
Revenir en haut Aller en bas
Invité
Invité




Tout simple Empty
au départ j'avais mon image ainsi

https://i.servimg.com/u/f13/14/53/59/47/lo10.jpg

ensuite, une fois que j'ai essayé le code ben plus rien ne s'affiche, pourtant j'ai autorisé le html dans les config

peut etre qu'il faudrait un autre code format forum, je ne sais pas


Dernière édition par psykoW le Sam 05 Déc 2009, 10:24, édité 3 fois
MessageSujet: Re: Tout simple   Tout simple EmptySam 05 Déc 2009, 10:19
Revenir en haut Aller en bas
Loumina
Loumina
{ Membre actif }
{ Membre actif }

Féminin Messages : 308



Tout simple Empty
Je l'ai réécris, je l'ai re-tester et chez moi ça marche! Oo
Je met le code sur ma PA et à chaque actualisation tout ce passe très bien ... =S

Sur ton forum tu la mis où ce code ? Dans les sous-forum ou sur la PA ?
MessageSujet: Re: Tout simple   Tout simple EmptySam 05 Déc 2009, 13:14
Revenir en haut Aller en bas
Invité
Invité




Tout simple Empty
j'ai réessayer et ça ne veut pas à l'endroit où je le fais

je vais d'abord dans PA -> général -> catégorie et forum -> et ensuite bah un sous forum quelconque pour tester et ça ne veut pas

ps : le code marche surement mais faudrait qu'il puisse etre appliquable sur une image que l'on appliquerai sur un sous forum car c'est là que je veux placer les images changeantes en question
MessageSujet: Re: Tout simple   Tout simple EmptyDim 06 Déc 2009, 06:50
Revenir en haut Aller en bas
Invité
Invité




Tout simple Empty
quelqu'un pour finir le travail de young ? ça fais 4 jours Razz
MessageSujet: Re: Tout simple   Tout simple EmptyJeu 10 Déc 2009, 12:53
Revenir en haut Aller en bas
Loumina
Loumina
{ Membre actif }
{ Membre actif }

Féminin Messages : 308



Tout simple Empty
*Fais son retour triomphant*

J'ai pas encore testé ce que je vais te dire ... On verra si ça marche xD

Donc en gros l'idée serait d'enregistrer le fichier sur un hébergeur externe puis de le mettre dans une iframe ... --" Je sais pas si cela marche, et j'ai pas vraiment le temps de tester -- , donc je ne sais vraiment pas si ça marche. Après franchement je sais pas .. --"
MessageSujet: Re: Tout simple   Tout simple EmptyVen 11 Déc 2009, 18:46
Revenir en haut Aller en bas
Invité
Invité




Tout simple Empty
ok alors esperons que ça marche et j'attend avec impatience Neutral
MessageSujet: Re: Tout simple   Tout simple EmptyVen 11 Déc 2009, 20:07
Revenir en haut Aller en bas
iowan
iowan
{ Membre actif }
{ Membre actif }

Masculin Messages : 304



Tout simple Empty
salut bon voila j'ai developpé un petit morceau de code qui fait cette tache esperant qu'il marche avec toi

bon dans le PA le template overal_head_new (je pense que c le nom correct) tu cherche ceci
Code:
 </head>

avant head tu colle ce code avec ta config biensur
Code:

<script type="text/javascript">
window.onload = function(){
   var imageList = new Array();
   
   
   // ajoute plusieur lien si tu veux [ ! attention  la ligne finit avec ; a la fin ]
   imageList[imageList.length] = "http://i13.servimg.com/u/f13/14/53/59/47/sans_t10.jpg";
   imageList[imageList.length] = "http://i13.servimg.com/u/f13/14/53/59/47/sans_t11.jpg";

   var Key = Math.floor(Math.random() * (imageList.length));
   document.getElementById('mypic').setAttribute('src',imageList[Key]);
}
</script>

et apres tu viens dans une place ou le html est activé ( la place ou tu veux que tes images apparait la tu colle ceci )

Code:

<img src="#" alt="" id="mypic" />

Ps: l'image peut changer dans le prochaine actualisation oubien a X actualisation car le choix de l'image se fait aléatoirement
MessageSujet: Re: Tout simple   Tout simple EmptySam 12 Déc 2009, 16:54
Revenir en haut Aller en bas
Invité
Invité




Tout simple Empty
ça n'a rien fais à part bousiller mon forum Sad

l'image en question qui doit changer en s'actualisant c'est une image qui sera insérer pour un sous-forum, ce n'est pas pour l'image d'en haut que je veux donner cette effet.
MessageSujet: Re: Tout simple   Tout simple EmptyDim 13 Déc 2009, 09:48
Revenir en haut Aller en bas
Invité
Invité




Tout simple Empty
dead ?
MessageSujet: Re: Tout simple   Tout simple EmptySam 19 Déc 2009, 07:57
Revenir en haut Aller en bas
Invité
Invité




Tout simple Empty
c'est normal d'attendre mille ans pour un truc aussi simple ?
MessageSujet: Re: Tout simple   Tout simple EmptyMar 22 Déc 2009, 06:05
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Tout simple Empty
De 1: Ce n'est pas un truc aussi simple, sinon on t'aurait déjà dit.

De 2: C'est les vacances, y a pas mal d'absence, alors va y avoir de l'attente.

Cordialement.
MessageSujet: Re: Tout simple   Tout simple EmptyMar 22 Déc 2009, 06:09
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Tout simple Empty
psykoW a écrit:
c'est normal d'attendre mille ans pour un truc aussi simple ?
J'ajouterais que si c'était aussi simple, tu arriverais à le faire tout seul ce code, nan ? Rolling Eyes

Braif, j'ai testé le code d'Iowan sur mon forum de test, ça marche très bien ...
Un screen de ton forum; ou le lien pour voir ce qui cloche ? Wink
MessageSujet: Re: Tout simple   Tout simple EmptyMar 22 Déc 2009, 06:53
Revenir en haut Aller en bas
Invité
Invité




Tout simple Empty
ben voici le lien du fow

http://suzerain-netherworld.forumactif.com/forum.htm

et je voudrais en faire en sorte qu'un logo de topic puisse changer et devienne un autre quand j'actualise

https://i.servimg.com/u/f13/14/53/59/47/sans_t12.jpg
MessageSujet: Re: Tout simple   Tout simple EmptyMar 22 Déc 2009, 08:00
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Tout simple Empty
Le code que t'a donné Iowan fait ce genre de chose, et chez moi ça marche ...
As-tu correctement mis le code ?
MessageSujet: Re: Tout simple   Tout simple EmptyMar 22 Déc 2009, 08:50
Revenir en haut Aller en bas
Invité
Invité




Tout simple Empty
normalement, oui mais fais moi un copier/coller de celui de ton forum et je changerai juste le lien des images comme ça je verrais directement si ça marche

j'oubliais... s'il te plait Wink


Dernière édition par psykoW le Mar 22 Déc 2009, 09:46, édité 3 fois
MessageSujet: Re: Tout simple   Tout simple EmptyMar 22 Déc 2009, 09:37
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Tout simple Empty
J'ai pas à te faire un copié collé, j'ai pris exactement le lien que Iowan a donné xD, j'ai rien modifié ^^. A mon avis, t'as du louper un truc ... As tu bien publié le template au moins ? Au pire, donnes nous ton template ou tu as collé le script ^^ Si ça se trouve, ça vient de là Wink
MessageSujet: Re: Tout simple   Tout simple EmptyMar 22 Déc 2009, 09:41
Revenir en haut Aller en bas
Invité
Invité




Tout simple Empty
template ? le code concerne un template ? on parle bien des logos concernant les topics n'est ce pas ?

car moi j'ai mis le code à cette endroit

https://i.servimg.com/u/f13/14/53/59/47/sans_t13.jpg


ah mais oui, mtn que tu le dis c'est vrai qu'il avait dit que ça concernait un template... quel clown je fais 👅

mais peux-tu s'il te plait me réécrire le code sans les précisions car il dit (attention la ligne finit par ceci ou cela) ou encore (ajoute des liens si tu veux) c'est surement ça qui foire le code car j'avais essayé avant de partir vers un truc imaginaire !!


Dernière édition par psykoW le Mar 22 Déc 2009, 09:54, édité 1 fois
MessageSujet: Re: Tout simple   Tout simple EmptyMar 22 Déc 2009, 09:46
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Tout simple Empty
Okéééé, donc en fait, t'as pas lu la moitié du message de Iowan Laughing
Templates : panneau admin >> Affichages >> Templates (accessible seulement avec le compte fondateur)

iowan a écrit:
bon dans le PA le template overal_head_new (je pense que c le nom correct) tu cherche ceci
Code:
 </head>

avant head tu colle ce code avec ta config biensur
Code:

<script type="text/javascript">
window.onload = function(){
   var imageList = new Array();
   
   
   // ajoute plusieur lien si tu veux [ ! attention  la ligne finit avec ; a la fin ]
   imageList[imageList.length] = "http://i13.servimg.com/u/f13/14/53/59/47/sans_t10.jpg";
   imageList[imageList.length] = "http://i13.servimg.com/u/f13/14/53/59/47/sans_t11.jpg";

   var Key = Math.floor(Math.random() * (imageList.length));
   document.getElementById('mypic').setAttribute('src',imageList[Key]);
}
</script>

et apres tu viens dans une place ou le html est activé ( la place ou tu veux que tes images apparait la tu colle ceci )

Code:

<img src="#" alt="" id="mypic" />

Ps: l'image peut changer dans le prochaine actualisation oubien a X actualisation car le choix de l'image se fait aléatoirement
MessageSujet: Re: Tout simple   Tout simple EmptyMar 22 Déc 2009, 09:51
Revenir en haut Aller en bas
Invité
Invité




Tout simple Empty
ah ok ^^

avant ou avant ?

en même temps j'essaye déjà Cool

EDIT : c'est bon, ça marche ! c'était avant et dire que ce code a été posté depuis des lustres et c'est seulement maintenant que j'ai trouvé où le mettre, quelle perte de temps Crying or Very sad

bref, merci bom
MessageSujet: Re: Tout simple   Tout simple EmptyMar 22 Déc 2009, 09:59
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Tout simple Empty
psykoW a écrit:
ah mais oui, mtn que tu le dis c'est vrai qu'il avait dit que ça concernait un template... quel clown je fais 👅

mais peux-tu s'il te plait me réécrire le code sans les précisions car il dit (attention la ligne finit par ceci ou cela) ou encore (ajoute des liens si tu veux) c'est surement ça qui foire le code car j'avais essayé avant de partir vers un truc imaginaire !!

J'avais pas vu ton édit ...
La précision dans le code "// ajoute plusieur lien si tu veux [ ! attention la ligne finit avec ; a la fin ]" n'a aucun impact sur le code en lui même, puisque les deux slash annulent ce qui est écrit dedans ^^

Templates : panneau admin >> Affichages >> Templates (accessible seulement avec le compte fondateur) Cherches le template overal_head_new

dedans, tu cherches ceci :
Code:
 </head>

Et juste au dessus tu colles ce code :

Code:
<script type="text/javascript">
window.onload = function(){
  var imageList = new Array();
 
  imageList[imageList.length] = "http://i13.servimg.com/u/f13/14/53/59/47/sans_t10.jpg";
  imageList[imageList.length] = "http://i13.servimg.com/u/f13/14/53/59/47/sans_t11.jpg";

  var Key = Math.floor(Math.random() * (imageList.length));
  document.getElementById('mypic').setAttribute('src',imageList[Key]);
}
</script>

Après tu enregistres, tu publies le templates surtout, puis tu vas dans Panneau admin >> Général >> Catégories et forums, et tu cliques sur ta description ... Dedans tu colles ceci :

Code:
<img src="#" alt="" id="mypic" />

Et normalement ça fonctionne ^^

EDIT : Oké, apparemment ça marche, je peux donc classer la demande ?
MessageSujet: Re: Tout simple   Tout simple EmptyMar 22 Déc 2009, 10:11
Revenir en haut Aller en bas
Invité
Invité




Tout simple Empty
oui oui, affaire classée Wink
MessageSujet: Re: Tout simple   Tout simple EmptyMar 22 Déc 2009, 13:03
Revenir en haut Aller en bas
Contenu sponsorisé




Tout simple Empty
MessageSujet: Re: Tout simple   Tout simple Empty
Revenir en haut Aller en bas
 

Tout simple

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème QEEL tout simple
» PLus simple :D
» Tableau simple
» une simple demande !
» Simple demande

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit