Problème "tuto Bannière aléatoire "

2 participants

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

Résolu Problème "tuto Bannière aléatoire "

Message par omafio Dim 8 Aoû 2010 - 22:49

Bonjour à vous

J'ai suivi ce tuto

https://forum.forumactif.com/trucs-et-astuces-f8/banniere-aleatoire-ou-defilante-t223082.htm

Le problème je l'ai bien suivie mais sa ne fonctionne pas Confused

avatar

omafio
Nouveau membre

Messages : 6
Inscrit(e) le : 08/08/2010

http://n-d-r.forumactif.com/forum.htm
omafio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème "tuto Bannière aléatoire "

Message par Wirekey Dim 8 Aoû 2010 - 23:23

Hum peux-tu m'envoyer l'url de ton forum et/ou les codes que tu as inséré et à quel endroit ?
avatar

Wirekey
***

Messages : 152
Inscrit(e) le : 27/04/2010

http://www.geykho.com/
Wirekey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème "tuto Bannière aléatoire "

Message par omafio Lun 9 Aoû 2010 - 22:26

Oui Bien sûr

J'ai mis se code dans la page html:

Spoiler:


Et se script dans ma description du site:

Spoiler:


Et voila le lien de mon forum :

Spoiler:
avatar

omafio
Nouveau membre

Messages : 6
Inscrit(e) le : 08/08/2010

http://n-d-r.forumactif.com/forum.htm
omafio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème "tuto Bannière aléatoire "

Message par Wirekey Lun 9 Aoû 2010 - 22:46

Chrome me retourne une erreur :

Code:
Uncaught TypeError: Cannot set property 'src' of null

Le javascript est déclaré avant le logo. (En gros il le trouve pas comme il n'a pas encore était crée)

On va reprendre le tout pour faire simple ...

Remplacer votre code par ceci :
Code:

var banner = new Array();

banner.push('http://img10.imageshack.us/img10/1838/capturerzea.jpg');
banner.push('http://img140.imageshack.us/img140/2743/9thaxg7.jpg');

function changeLogo()
{
document.getElementById('i_logo').src= banner[Math.floor(Math.random()*banner.length)];

setInterval("document.getElementById('i_logo').src= banner[Math.floor(Math.random()*banner.length)];",3000);
}

(Je n'est pas eu le temps d'examiner de près votre code javascript. j'imagine qu'il est correcte provenant d'un tuto. Cependant il faut noter que la durée est à mettre en milliseconde. Toute les 3 secondes correspond à 3000 ms.)

PS : Cette valeur est assez courte d'ailleurs :$ xD

ajouter dans le template overall_header_new dans la balise body :

Code:
onload="changeLogo();"
avatar

Wirekey
***

Messages : 152
Inscrit(e) le : 27/04/2010

http://www.geykho.com/
Wirekey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème "tuto Bannière aléatoire "

Message par omafio Lun 9 Aoû 2010 - 23:01

Merci Smile


Pour le code
onload="changeLogo();"

je le mis ou exactement dans overall_header_new ?


Spoiler:
avatar

omafio
Nouveau membre

Messages : 6
Inscrit(e) le : 08/08/2010

http://n-d-r.forumactif.com/forum.htm
omafio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème "tuto Bannière aléatoire "

Message par Wirekey Mar 10 Aoû 2010 - 0:54

Voilà copiez/collez ceci et dites moi quoi :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<!-- BEGIN meta_emulate_ie7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<!-- END meta_emulate_ie7 -->
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
{META_FAVICO}
{META}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<!-- END switch_ticker -->

<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[

/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});

switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;

case 'left':
break;

case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;

case 'right':
auto_dir = 'prev';
break;

default:
slid_vert = true;
}

$(document).ready(function() {
var w_cont = $('#fa_ticker_container').width();

if (w_cont > 0)
{
$('#fa_ticker_container').width(w_cont);

/* Affichage de la liste */
$('#fa_ticker_content').css('display','block');

/* Calcul des dimensions du conteneur et des �l�ments */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;

/* Calcul de la hauteur maximale du contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );

/* Redimensionnement des �l�ments et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});

/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert)
{
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
}

/* Initialisation du caroussel */
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
pm.focus();
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
report.focus();
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
<!-- END switch_ticker -->
});

<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
<!-- END switch_login_popup -->
//]]>
</script>

{GREETING_POPUP}
<!-- BEGIN hitskin_preview -->
<style type="text/css">
#hitskin_preview {
margin: 0; padding: 0;
position: fixed;
top: 0; left: 0;
width: 100%;
height: 65px;
background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
color: #fff;
}
* html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
position: absolute;
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
z-index: 2;
background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
}
* html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
background: #fff url(foo) fixed;
}
#hitskin_preview h1 {
float: left;
margin: 3px 0 0 0;
padding: 0 0 0 10px;
font: italic normal 25px Arial,sans serif;
color: #fff;
}
#hitskin_preview h1 img {
vertical-align: middle;
}
#hitskin_preview em {
color: #7CBA2C;
font-weight: bold;
}
#hitskin_preview a {
color: #fff;
}
#hitskin_preview a:hover {
text-decoration: underline;
}

#hitskin_preview .content {
text-align: right;
}
#hitskin_preview .content p {
margin: 4px 1em 0px 1em;
font-size: 13px;
line-height: 1.8em;
color: #fff;
font-weight: bold;
}
#hitskin_preview .content p span {
font-weight: normal;
font-size: 0.8em;
}
body {
margin-top: 40px !important;
}
{hitskin_preview.HITSKIN_RTL_CSS}
</style>
<!-- END hitskin_preview -->

<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}

</style>
<!-- END switch_ticker_new -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" onload="changeLogo();">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>
<!-- END switch_login_popup -->

<a name="top"></a>
{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<td align="center" width="100%" valign="middle">
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
</td>
<!-- END switch_logo_left -->

<!-- BEGIN switch_logo_center -->
<td align="center" width="100%" valign="middle">
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}</span>
</td>
<!-- END switch_logo_center -->

<!-- BEGIN switch_logo_right -->
<td align="center" width="100%" valign="middle">
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
</td>
<td>
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
</td>
<!-- END switch_logo_right -->
</tr>
</table>

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>

<div style="clear: both;"></div>

<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->

<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->

<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
avatar

Wirekey
***

Messages : 152
Inscrit(e) le : 27/04/2010

http://www.geykho.com/
Wirekey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème "tuto Bannière aléatoire "

Message par omafio Mar 10 Aoû 2010 - 15:43

Je vois que ma bannière change quand j'actualise ma page en d'autre images Smile
avatar

omafio
Nouveau membre

Messages : 6
Inscrit(e) le : 08/08/2010

http://n-d-r.forumactif.com/forum.htm
omafio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème "tuto Bannière aléatoire "

Message par Wirekey Mar 10 Aoû 2010 - 20:29

Euh oui mais normalement elle doit changer automatiquement toutes les 3 secondes après.

Essayé ceci comme script :

Code:
var banner = new Array();

banner.push('http://img10.imageshack.us/img10/1838/capturerzea.jpg');
banner.push('http://img140.imageshack.us/img140/2743/9thaxg7.jpg');

function changeLogo()
{
document.getElementById('i_logo').src= banner[Math.floor(Math.random()*banner.length)];

setInterval(changeLogo , 3000);
}
avatar

Wirekey
***

Messages : 152
Inscrit(e) le : 27/04/2010

http://www.geykho.com/
Wirekey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème "tuto Bannière aléatoire "

Message par omafio Mar 10 Aoû 2010 - 21:20

C'est bon voila ma bannier change toutes les 3 secondes
avatar

omafio
Nouveau membre

Messages : 6
Inscrit(e) le : 08/08/2010

http://n-d-r.forumactif.com/forum.htm
omafio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème "tuto Bannière aléatoire "

Message par Wirekey Mer 11 Aoû 2010 - 16:22

De rien c'est tout naturel xD
avatar

Wirekey
***

Messages : 152
Inscrit(e) le : 27/04/2010

http://www.geykho.com/
Wirekey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème "tuto Bannière aléatoire "

Message par omafio Mer 11 Aoû 2010 - 16:47

Je tiens à te remercier infiniment pour ton aide Smile

Sujet résolu
avatar

omafio
Nouveau membre

Messages : 6
Inscrit(e) le : 08/08/2010

http://n-d-r.forumactif.com/forum.htm
omafio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème "tuto Bannière aléatoire "

Message par Wirekey Mer 11 Aoû 2010 - 18:56

^^ np
avatar

Wirekey
***

Messages : 152
Inscrit(e) le : 27/04/2010

http://www.geykho.com/
Wirekey a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum