Le langage SMS est exclu sur les forums ProgBoards, tout message ne respectant pas la charte sera déplacé, modifié, ou supprimé par nos modérateurs.

Forum Web » HTML / XML » Faire defiler des images (log de pubs etc...)

sasuke83
ProgBoarder
Citer Windows XP Firefox 2 - Posté le 04/06/2007 à 20:53
Bonjour (sourire)

Je vous écris car je voudrais mettre dans le menu de ma page web, un cadre dans lequel défile les images liées aux pubs ou partenaires.

Exemple sur ce site:
http://w.mangaworld.free.fr/
(dans la colonne de droite, à partenaire|affiliés)

autre exemple:
http://www.worldofmangas.com/accueil.php?radio=on
(le top en bas a droite)

Mais je ne sais pas du tout comment faire, ni avec quel langage ...

Le plus simple serrais le mieux (clein d'oeil)

Je maitrise à peine le html et un peu le php.

Merci (clein d'oeil)
neamar
Modérateur
RemonterCiter Windows XP Firefox 2 - Posté le 04/06/2007 à 22:09
C'est assez simple : en maintenant la touche ctrl enfoncée, clique sur le bandeau défilant (à un endroit ou il n'y a pas de lien). Ensuite, clic droit, puis aficher codes source :
Tu obtiens ceci


<td class="menu-droite"><center>
<table border="0" cellpadding="0" cellspacing="0" width="107">
<tbody><tr>
<td align="center" valign="middle" width="90">
<center>
<marquee onmouseover="this.stop()" style="border-color: rgb(141, 141, 141); border-top: 0px solid rgb(141, 141, 141); border-left: 0px solid rgb(141, 141, 141); border-bottom: 0px solid rgb(141, 141, 141);" onmouseout="this.start()" scrollamount="1" scrolldelay="100" direction="up" width="91" height="75">

<table border="0" cellpadding="0" cellspacing="3" width="95">
<tbody><tr>
<td align="center" valign="middle"><a class="small" href=" http://minamanga.new.fr/ " target="_blank"><img src="

" border="0"></a></td>
</tr>
<tr>
<td align="center" valign="middle"><a class="small" href=" http://www.fruits-basket.fr " target="_blank"><img src="
" border="0"></a></td>

</tr>
<tr>
<td align="center" valign="middle"><a class="small" href=" http://www.laurhanna.org/%7Efruitsbasket/ " target="_blank"><img src="
" border="0"></a></td>
</tr>
<tr>
<td align="center" valign="middle"><a href=" http://tohrusnigiri.free.fr/ " target="_blank"><img src="
" border="0"></a></td>
</tr>
<tr>
<td align="center" valign="middle"><a class="small" href=" http://site.voila.fr/boulederizetco/ " target="_blank"><img src="
" border="0"></a></td>
</tr>

<tr>
<td align="center" valign="middle"><a href=" http://jeuxhearts.free.fr/kawaishojo " target="_blank"><img src="
" border="0"></a></td>
</tr>
<tr>
<td align="center" valign="middle"><a href=" http://www.myblog.de/yurumisplace " target="_blank"><img src="liens/ban_yurumi.gif" border="0"></a></td>
</tr>
<tr>
<td align="center" valign="middle"><a href=" http://eternaltwins.free.fr/ " target="_blank"><img src="
" border="0"></a></td>
</tr>
<tr>
<td align="center" valign="middle"><a href=" http://www.meimou.org/ " target="_blank"><img src="liens/densetsu.jpg" border="0"></a></td>

</tr>
<tr>
<td align="center" valign="middle"><a href=" http://manga-otaku.info/ " target="_blank"><img src="liens/manga_otaku.jpg" border="0"></a></td>
</tr>

<tr>
<td align="center" valign="middle"><a href=" http://www.manganime.fr/ " target="_blank"><img src="
" border="0" height="31" width="88"></a></td>
</tr>

<tr>
<td align="center" valign="middle"><a href=" http://japans.free.fr/ " target="_blank"><img src="
" border="0"></a></td>

</tr>

</tbody></table>

</marquee> </center>
</td>
</tr>
</tbody></table>
</center></td>



En lisant ceci, tes connaissances html t'apprennent qu'il s'agit simplement d'un tableau.
Tu regardes alors le code Javascript, et là que vois t on ? Un appel de fonctions !

onmouseover="this.stop()" et onmouseout="this.start()"

On retourne sur la page, on appuie sur crtl-u, et on continue de parser lentement..

Bon dans ton cas, on peut quand meme te simplifier la vie : va ici :
http://www.editeurjavascript.com/scripts/scripts_navigation_1_110.php
http://www.editeurjavascript.com/scripts/scripts_textes_1_77.php

PHP et Javascript se ressemblant énromément, tu devrais facilement réussir à faire les légères modifs...et pour les images, je te rappelle simplement la balise <img></img> !
Before you criticize someone, you should walk a mile in their shoes. That way when you criticize them, you are a mile away from them and you have their shoes.

http://neamar.free.fr
Ou le portail général : http://neamar.fr

Poster une réponse

STOP aux fautes volontaires !
Message
Formatage
Note: pour partager du code source, merci d'utiliser le wall !
Smileys (sourire) (yekyek) (clein d'oeil) (désapprouve) (triste) (cool) (langue) (confus) (gêné) (neutre) (eek) (surpris) (diable) (flèche) (exclamation) (question) (diable) (idée) (méchant)
Pseudonyme
Recopiez le code
v6 © Computaid SPRL 2005-2008 - Tous droits réservés - Hébergé par eTigris - Page générée en 0,069 s - Crédits - Stats
1 connecté