Sujets similaires

Salut a tous ^^ alors c'est temps si j'ai trouver un slide JQuery que j'ai personnaliser et placer sur mon forum mais le problème c'est que le se slide n'affiche pas ses flèches suivant et précèdent et il n'est pas animer et comme si sa ne suffisait pas sa ne marche pas seulement sur la page d'accueil, sur les autres pages sa marche a merveille.

Merci de m'aider S'il vous plait Problème affichage Slide 3451650135

Le test que j'ai fait au tout début marche aussi a merveille http://cadofus.ohost.de/slider/

Maintenant voici le forum en question : http://www.dg-community.fr.nf/index.php

Edit: voici le lien de téléchargement de se slide http://www.codesscripts.fr/fadelicious-slider-un-slideshow-jquery

(je précise que je n'essaye de faire de la pub c'est juste que je veut une petite aide S'il vous plait )

PS: Pardonnez moi si se n'est pas la place qu'il faut pour se message

Hello Damogen (:
Effectivement ton message n'est pas à la bonne place (:
Je le déplace donc dans la partie Aide du forum où quelqu'un aura peut être la solution à ton problème !
Des compléments d'information te seront sûrement demandés, afin de pouvoir t'aider au mieux, donc passe voir régulièrement les réponses (:
Merci de ta compréhension Problème affichage Slide 926145

Merci Psycho ^^

Bonjour,
Quels sont vos codes déjà ?
Pour qu'on puisse mieux voir le problème...

Tout d'abord merci de vouloir m'aider Problème affichage Slide 926145

alors j'ai mis 3 code

1- Le code HTML :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Slider Flash</title>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>


<script type="text/javascript" src="javascript/slider-fadelicious.js"></script>
<link rel="stylesheet" href="css/slider-fadelicious.css" type="text/css" media="screen" />

</head>

<body>

<br />
<div id="slider-container">

<div class="slide">
<a href="http://www.dg-community.fr.nf/index.php"><img src="images/slide1.png" alt="Bienvenue sur DGC" /></a>
</div>

<div class="slide">
<a href="http://www.dg-community.fr.nf/viewtopic.php?id=168"><img src="images/slide2.png" alt="Cliquez pour plus d'infos" /></a>
</div>

<div class="slide">
<a href="http://www.dg-community.fr.nf/viewforum.php?id=2"><img src="images/slide3.png" alt="Cliquez pour plus d'infos" /></a>
</div>

<div class="slide">
<a href="http://www.dg-community.fr.nf/viewtopic.php?id=184"><img src="images/slide4.png" alt="Cliquez pour plus d'infos" /></a>
</div>

</div>

</body>
</html>

2- Le code Java :

Code:: var pause = 6000;
var speed = 500;
var show_pagination = true;
var show_next_prev = true;
var start_after_nav = false;
var pause_on_hover = false;

function init_slider(){

if (show_pagination){
   var slides_no = $('#slider-container .slide').length;
   $("#slider-container").append('\n<ul class="pagination"></ul>\n');
   $("ul.pagination").append("<li class='current'><a href='#1' title='1'>1</a></li>");
   for( var i = 2; i <= slides_no ; i++)
   {
      $("ul.pagination").append("<li><a href='#" + i + "' title='" + i + "'>" + i + "</a></li>");
   }
   // centering navigation
   var container_width = $('#slider-container').width();
   var pagination_width = $('ul.pagination').outerWidth(true);
   var margin_left = parseInt(container_width / 2 - pagination_width / 2);
   margin_left = margin_left + "px";
   $('ul.pagination').css("margin-left", margin_left);
}

if (show_next_prev){
   $("#slider-container").append('\n<span class="next"></span>\n<span class="prev"></span>\n');
}

$("#slider-container .slide:first").addClass("current");
$('#slider-container .slide .info .title').css({top: -200});
$('#slider-container .slide .info .description').css({bottom: -200});

var title_h = $("#slider-container .slide.current .info .title").height();
var description_h = $("#slider-container .slide.current .info .description").height();
var description_pos = 270 - title_h - description_h;

$("#slider-container .slide.current .info .title").animate({top: 0}, speed, function(){
   $("#slider-container .slide.current .info .description").animate({bottom: description_pos}, speed);
});

}

function next_slide(step) {
var is_animated = $("div:animated").length;
if (!is_animated){
   var CurSlide = $('#slider-container .slide.current');
   var NxtSlide = CurSlide.next();

   if (NxtSlide.length == 0) NxtSlide = $("#slider-container .slide:first");
   if (step > 1)
   {
      for(var i = 2 ; i <= step ; i++){
         NxtSlide = NxtSlide.next();
         if (NxtSlide.length == 0) NxtSlide = $("#slider-container .slide:first");
      }
   }

   CurSlide.removeClass('current').addClass('previous');
/*    CurSlide.find(".info .title").animate({top: 0}, speed, function(){
      CurSlide.find(".info .description").animate({bottom: 0}, speed);
   });*/

   NxtSlide.find(".info .title").animate({top: 0}, speed, function(){
      var title_h = NxtSlide.find(".info .title").height();
      var description_h = $(".slide.current .info .description").height();
      var description_pos = 270 - title_h - description_h;
      NxtSlide.find(".info .description").animate({bottom: description_pos}, speed);

      CurSlide.find(".info .description").css("bottom", "-200px");
      CurSlide.find(".info .title").css("top", "-200px");
   });

   NxtSlide.css({ opacity: 0.0 }).addClass('current').animate({ opacity: 1.0 }, 1000, function() {
         CurSlide.removeClass('previous');
   });

   if (show_pagination) pagination();
}

}

function prev_slide(step) {
var is_animated = $("div:animated").length;
if (!is_animated){
   var CurSlide = $('#slider-container .slide.current');
   var NxtSlide = CurSlide.prev();

   if (NxtSlide.length == 0) NxtSlide = $("#slider-container .slide:last");
   if (step > 1)
   {
      for(var i = 2 ; i <= step ; i++){
         NxtSlide = NxtSlide.prev();
         if (NxtSlide.length == 0) NxtSlide = $("#slider-container .slide:last");
      }
   }

   CurSlide.removeClass('current').addClass('previous');

   NxtSlide.find(".info .title").animate({top: 0}, speed, function(){
      var title_h = NxtSlide.find(".info .title").height();
      var description_h = $(".slide.current .info .description").height();
      var description_pos = 270 - title_h - description_h;
      NxtSlide.find(".info .description").animate({bottom: description_pos}, speed);

      CurSlide.find(".info .description").css("bottom", "-200px");
      CurSlide.find(".info .title").css("top", "-200px");
   });

   NxtSlide.css({ opacity: 0.0 }).addClass('current').animate({ opacity: 1.0 }, 1000, function() {
         CurSlide.removeClass('previous');
   });

   if (show_pagination) pagination();
}

}

function pagination(){
var ord = $('#slider-container .slide.current').prevAll().length + 1;
$("ul.pagination li").removeClass("current");
$("ul.pagination li:nth-child(" + ord + ")").addClass("current");
}

var intval = "";
function start_int(pause){
if(intval == ""){
   intval = window.setInterval("next_slide(1)", pause);
}else{
   stop_int();
}
}

function stop_int(){
if(intval != ""){
   window.clearInterval(intval);
   intval = "";
}
}


jQuery(document).ready(function($){
init_slider();
start_int(pause);

$("span.next").click(function(){
   next_slide(1);
   stop_int();
   if (start_after_nav) start_int(pause);
})
$("span.prev").click(function(){
   prev_slide(1);
   stop_int();
   if (start_after_nav) start_int(pause);
})

$(document).keydown(function(e){
   if (e.keyCode == 39) {
      next_slide(1);
      stop_int();
      if (start_after_nav) start_int(pause);
      return false;
   }
});

$(document).keydown(function(e){
   if (e.keyCode == 37) {
      prev_slide(1);
      stop_int();
      if (start_after_nav) start_int(pause);
      return false;
   }
});

$("ul.pagination li a").click(function(){
   var title = parseInt($(this).attr("title"));
   var cur_title = parseInt($("ul.pagination li.current a").attr("title"));
   var steps = title - cur_title;
   if (steps > 0)
   {
      next_slide(steps);
      stop_int();
      if (start_after_nav) start_int(pause)
   }
   if (steps < 0)
   {
      prev_slide(steps);
      stop_int();
      if (start_after_nav) start_int(pause)
   }
})

if (pause_on_hover){
   $("#slider-container").hover(function(){stop_int()}, function(){start_int(pause)});
}

});

3- le code CSS :

Code:: #slider-container {
position: relative;
margin-left:auto;
margin-right:auto;
width:600px;
height: 250px;

}
.slide {
width: 600px;
height: 250px;
position: absolute;
top: 0;
bottom: 0px;
overflow: hidden;
z-index: 0;
}
.slide.current{
z-index: 2;
}
.slide.previous{
z-index: 1;
}
#slider-container .pagination {
list-style:none;
position: absolute;
z-index: 999;
background: transparent;
top: 250px;
padding-top: 0;
padding-right: 50px;
padding-bottom: 20px;
padding-left: 50px;
}
#slider-container .pagination li {
float:left;
list-style:none;
}
#slider-container .pagination li a {
display:block;
-moz-border-radius: 33px;
-webkit-border-radius: 33px;
border-radius: 33px;
float:left;
overflow:hidden;
margin: 3px;
text-decoration: none;
text-indent: -9999px;
height: 11px;
width: 11px;
background-color: #CCCCCC;
}
#slider-container .pagination li a:hover, #slider-container .pagination li.current a {
background-color: #707070;
}
#slider-container .next, #slider-container .prev {
width:48px;
height:48px;
text-indent:-9999px;
position: absolute;
top:45%;
z-index: 999;
opacity: 0.8;
cursor: pointer;
margin-right: -45px;
margin-left: -45px;
}
#slider-container .prev {
left: 0;
background: url(../images/slider-arrow.png) no-repeat scroll left top;
}
#slider-container .prev:hover {
background: url(../images/slider-arrow.png) no-repeat scroll left -47px;
}
#slider-container .next {
right:0;
background: url(../images/slider-arrow.png) no-repeat scroll right top;
}
#slider-container .next:hover {
background: url(../images/slider-arrow.png) no-repeat scroll right -47px;
}

.button {
cursor:pointer;
text-align:center;
display:inline-block;
margin-right: 5px;
margin-bottom: 5px;
color:#fff;
background-color:#707070;
padding: 3px 7px;
font-size: 11px;
text-decoration:none;
}
.button:hover{
text-decoration:underline;
}

Je me permet un petit up s'il vous plait Problème affichage Slide 3451650135

Bonjour Damogen ,

Je cite simplement le règlement de CSSActif : "Remonter un sujet, le fameux «Up», est interdit sur CSSActif. L'équipe fait déjà le maximum pour répondre à votre demande le plus rapidement possible et la remontera elle-même en cas de besoin. Il est par conséquent inutile de signaler votre impatience.".
Ta dernière réponse date de moins de 48 heures ! Laisse aux codeurs le temps de te répondre (:
Merci de ta compréhension ! Problème affichage Slide 926145

Au passage, je me permets de rajouter qu'il serait sympa pour son auteur de citer la source de ton code de slider. Wink

Tu peux la donner en éditant le message de tes codes. Merci !

Oops ^^ pardonnez moi j'ai editer mon premier message pour ajouter le lien de téléchargement et de démo ^^

merci d'avance Smile

Hello Damogen !
Je viens aux nouvelles : ton problème est-il toujours d'actualité ?
Je vois qu'il n'y a pas eu de réponse, je le remonte donc au cas où ^^
Merci d'avance de ta réponse.
Et ne t'inquiète pas : avec les vacances, les spécialiste JQuery sont un peu éparpillés, mais il en passera certainement un bientôt ! Wink

Merci a toi PAMINA ^^

oui mon problème est toujours d'actualité Smile

je vais encore attendre un peut pour voire sinon j’enlève le slide.

a très vite Problème affichage Slide 926145

Bonjour !

A mon avis, il y a un conflit quelconque avec la chatbox, mais je ne saurais pas en dire plus. J'ai fait remonter le lien de ton sujet côté staff mais les spécialistes javascript/jquery ne sont pas disponibles pour le moment ^^'

Bonjour Damogen,

Effectivement on est un peu surbooké côté staff, mais je vais essayer de jeter un coup d'oeil rapidement.
Apparemment le script plante lorsqu'il récupère le nombre de slides existant, ce qui m'a fait pensé tout simplement que la fonction s'exécute AVANT que les slides soient chargés dans le DOM (le squelette de ta page). En gros, il essaie de compter les patates avant que tu ne les ai mises dans le sac.

Pour régler cela, essaie de placer le code suivant :

Code:: 
<script type="text/javascript" src="javascript/slider-fadelicious.js"></script>

plutôt en fin de page HTML.

Je te suggère de le retirer de là où il est et de le placer dans le template overall_footer_end, juste avant la balise </body>. Normalement, ça devrait fonctionner.

Une autre solution serait d'entourer le script de $(document).ready(function() { ... TON SCRIPT ... }); histoire de s'assurer qu'il ne s'exécute qu'après avoir chargé la page, mais ça devrait revenir au même.

Tiens moi au courant si mon (rapide) pronostic est le bon Wink

Je tiens à préciser que son forum n'est pas un forumactif et que du coup il n'y a pas de template overall_footer_end. Damogen, faudra que tu trouves l'équivalent sur FluxBB ^^'

Merci a vous ^^

@'Christa: Merci a toi ^^ je sais bien que vous êtes charger c'est comme sa dans tout les forums parce que c'est les vacances Wink

@Espeon: Merci pour ta réponse ^^ pour la première solution je doit la mettre ou parce que comme a dit 'Christa mon forum est du FluxBB ensuite j'ai essayer d'enlever les body's je penser que c'etai parce que il y avais 2 body et 2 Head mais sa na pas marcher sa veut dire voila le nouveau code HTML que j'ai mis

Code:: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script type="text/javascript" src="javascript/slider-fadelicious.js"></script>
<link rel="stylesheet" href="css/slider-fadelicious.css" type="text/css" media="screen" />

<br />
<div id="slider-container">

<div class="slide">
<a href="http://www.dg-community.fr.nf/index.php"><img src="images/slide1.png" alt="Bienvenue sur DGC" /></a>
</div>

<div class="slide">
<a href="http://www.dg-community.fr.nf/viewtopic.php?id=168"><img src="images/slide2.png" alt="Cliquez pour plus d'infos" /></a>
</div>

<div class="slide">
<a href="http://www.dg-community.fr.nf/viewforum.php?id=2"><img src="images/slide3.png" alt="Cliquez pour plus d'infos" /></a>
</div>

<div class="slide">
<a href="http://www.dg-community.fr.nf/viewtopic.php?id=184"><img src="images/slide4.png" alt="Cliquez pour plus d'infos" /></a>
</div>

</div>

Enfin pour la 2eme solution sa veut dire que je doit mettre mon code HTML comme sa ?

Code:: $(document).ready(function() {<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script type="text/javascript" src="javascript/slider-fadelicious.js"></script>
<link rel="stylesheet" href="css/slider-fadelicious.css" type="text/css" media="screen" />

<br />
<div id="slider-container">

<div class="slide">
<a href="http://www.dg-community.fr.nf/index.php"><img src="images/slide1.png" alt="Bienvenue sur DGC" /></a>
</div>

<div class="slide">
<a href="http://www.dg-community.fr.nf/viewtopic.php?id=168"><img src="images/slide2.png" alt="Cliquez pour plus d'infos" /></a>
</div>

<div class="slide">
<a href="http://www.dg-community.fr.nf/viewforum.php?id=2"><img src="images/slide3.png" alt="Cliquez pour plus d'infos" /></a>
</div>

<div class="slide">
<a href="http://www.dg-community.fr.nf/viewtopic.php?id=184"><img src="images/slide4.png" alt="Cliquez pour plus d'infos" /></a>
</div>

</div>});

Alors après recherches sur fluxBB (vu que tu n'as pas l'air de les avoir fait toi même malgré ma remarque, ce qui est mal è_é), tu as un dossier includes/templates dans ton installation, et dedans un fichier main.tpl

La solution serait donc de placer

Code:: 
<script type="text/javascript" src="javascript/slider-fadelicious.js"></script>

Juste avant le </body> dans ce template.

Pour la deuxième solution, non, tu dois éditer le script javascript/slider-fadelicious.js comme ceci :

Code:: $(document).ready(function() {
LE SCRIPT D'ORIGINE
});

Erf... ni l'un, ni l'autre en fait.

Bon, le but ici, c'est que ton script s'exécute APRES que ton slider soit chargé.

Donc je te conseillais de placer le script après <div id="slider-container">...</div>.
Un bon réflexe à avoir est donc de charger ça en dernier, donc juste avant la balise de fermeture du body. A toi de voir dans tes templates où peux se trouver cette balise, qui marque la fin du code de ton forum (merci 'Christa Wink

).

La deuxième option, c'était de mettre le code que je t'ai indiqué dans ton javascript, pas dans le HTML !
Donc en gros un truc comme ça :

Code:: $(document).ready(function() {
var pause = 6000;
var speed = 500;
var show_pagination = true;
var show_next_prev = true;
var start_after_nav = false;
var pause_on_hover = false;

function init_slider(){

if (show_pagination){
var slides_no = $('#slider-container .slide').length;
$("#slider-container").append('\n<ul class="pagination"></ul>\n');
$("ul.pagination").append("<li class='current'><a href='#1' title='1'>1</a></li>");
for( var i = 2; i <= slides_no ; i++)
{
$("ul.pagination").append("<li><a href='#" + i + "' title='" + i + "'>" + i + "</a></li>");
}
// centering navigation
var container_width = $('#slider-container').width();
var pagination_width = $('ul.pagination').outerWidth(true);
var margin_left = parseInt(container_width / 2 - pagination_width / 2);
margin_left = margin_left + "px";
$('ul.pagination').css("margin-left", margin_left);
}

if (show_next_prev){
$("#slider-container").append('\n<span class="next"></span>\n<span class="prev"></span>\n');
}

$("#slider-container .slide:first").addClass("current");
$('#slider-container .slide .info .title').css({top: -200});
$('#slider-container .slide .info .description').css({bottom: -200});

var title_h = $("#slider-container .slide.current .info .title").height();
var description_h = $("#slider-container .slide.current .info .description").height();
var description_pos = 270 - title_h - description_h;

$("#slider-container .slide.current .info .title").animate({top: 0}, speed, function(){
$("#slider-container .slide.current .info .description").animate({bottom: description_pos}, speed);
});

}

function next_slide(step) {
var is_animated = $("div:animated").length;
if (!is_animated){
var CurSlide = $('#slider-container .slide.current');
var NxtSlide = CurSlide.next();

if (NxtSlide.length == 0) NxtSlide = $("#slider-container .slide:first");
if (step > 1)
{
for(var i = 2 ; i <= step ; i++){
NxtSlide = NxtSlide.next();
if (NxtSlide.length == 0) NxtSlide = $("#slider-container .slide:first");
}
}

CurSlide.removeClass('current').addClass('previous');
/* CurSlide.find(".info .title").animate({top: 0}, speed, function(){
CurSlide.find(".info .description").animate({bottom: 0}, speed);
});*/

NxtSlide.find(".info .title").animate({top: 0}, speed, function(){
var title_h = NxtSlide.find(".info .title").height();
var description_h = $(".slide.current .info .description").height();
var description_pos = 270 - title_h - description_h;
NxtSlide.find(".info .description").animate({bottom: description_pos}, speed);

CurSlide.find(".info .description").css("bottom", "-200px");
CurSlide.find(".info .title").css("top", "-200px");
});

NxtSlide.css({ opacity: 0.0 }).addClass('current').animate({ opacity: 1.0 }, 1000, function() {
CurSlide.removeClass('previous');
});

if (show_pagination) pagination();
}

}

function prev_slide(step) {
var is_animated = $("div:animated").length;
if (!is_animated){
var CurSlide = $('#slider-container .slide.current');
var NxtSlide = CurSlide.prev();

if (NxtSlide.length == 0) NxtSlide = $("#slider-container .slide:last");
if (step > 1)
{
for(var i = 2 ; i <= step ; i++){
NxtSlide = NxtSlide.prev();
if (NxtSlide.length == 0) NxtSlide = $("#slider-container .slide:last");
}
}

CurSlide.removeClass('current').addClass('previous');

NxtSlide.find(".info .title").animate({top: 0}, speed, function(){
var title_h = NxtSlide.find(".info .title").height();
var description_h = $(".slide.current .info .description").height();
var description_pos = 270 - title_h - description_h;
NxtSlide.find(".info .description").animate({bottom: description_pos}, speed);

CurSlide.find(".info .description").css("bottom", "-200px");
CurSlide.find(".info .title").css("top", "-200px");
});

NxtSlide.css({ opacity: 0.0 }).addClass('current').animate({ opacity: 1.0 }, 1000, function() {
CurSlide.removeClass('previous');
});

if (show_pagination) pagination();
}

}

function pagination(){
var ord = $('#slider-container .slide.current').prevAll().length + 1;
$("ul.pagination li").removeClass("current");
$("ul.pagination li:nth-child(" + ord + ")").addClass("current");
}

var intval = "";
function start_int(pause){
if(intval == ""){
intval = window.setInterval("next_slide(1)", pause);
}else{
stop_int();
}
}

function stop_int(){
if(intval != ""){
window.clearInterval(intval);
intval = "";
}
}

jQuery(document).ready(function($){
init_slider();
start_int(pause);

$("span.next").click(function(){
next_slide(1);
stop_int();
if (start_after_nav) start_int(pause);
})
$("span.prev").click(function(){
prev_slide(1);
stop_int();
if (start_after_nav) start_int(pause);
})

$(document).keydown(function(e){
if (e.keyCode == 39) {
next_slide(1);
stop_int();
if (start_after_nav) start_int(pause);
return false;
}
});

$(document).keydown(function(e){
if (e.keyCode == 37) {
prev_slide(1);
stop_int();
if (start_after_nav) start_int(pause);
return false;
}
});

$("ul.pagination li a").click(function(){
var title = parseInt($(this).attr("title"));
var cur_title = parseInt($("ul.pagination li.current a").attr("title"));
var steps = title - cur_title;
if (steps > 0)
{
next_slide(steps);
stop_int();
if (start_after_nav) start_int(pause)
}
if (steps < 0)
{
prev_slide(steps);
stop_int();
if (start_after_nav) start_int(pause)
}
})

if (pause_on_hover){
$("#slider-container").hover(function(){stop_int()}, function(){start_int(pause)});
}
});
});

Comprends-tu ?

Salut a tous ^^

@'Christa: je suis désolé mais j'avais pas bien compris se que tu voulais dire pardon Problème affichage Slide 3451650135

mais j'ai essayer la 1eme solution que tu ma donner sa na pas marcher et maintenant sa ne marche pas même dans le menu Administration.

@Espeon: Alors j'ai testé la 2eme Solution qui na pas marcher sa me faisais "Erreur Mysql ..." et je pouvais plus acceder au menu Administration donc j'ai remis le code comme avant Sad

Et puis pour la 1ere solution je n'est pas trop compris de qu'elle scripte du parle désolé

En gros tu utilises un forum FluxBB sans avoir la moindre idée de comment il fonctionne ? O.o Qui t'héberge ? Toi ? Quelqu'un d'autre ? Comment as-tu installé ton forum FluxBB pour commencer ? Est-ce que tu sais ce qu'est un logiciel FTP ?

Le problème c'est que CSS Actif est, comme son nom l'indique, destiné à aider à la personnalisation de forums de ForumActif (dont on connait bien le fonctionnement). Là, on peut difficilement t'aider, surtout si tu n'as aucune idée de ce que tu fais (par exemple tu ne sembles même pas savoir quel script est utilisé pour ton slider)

Il est vrai que notre difficulté est qu'on ne connaît pas trop comment est foutu ton forum, quels sont ses templates etc.

Avoir une erreur MySQL en modifiant un script JS est vraiment improbable, d'autant qu'il s'agit juste de modifier le script JS qui fait bouger ton slider...

Pour faire simple, remet tout comme c'était avant que tu n'arrive dans ce sujet et change ton HTML (ce sera plus simple) :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Slider Flash</title>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>


<script type="text/javascript" src="javascript/slider-fadelicious.js"></script>
<link rel="stylesheet" href="css/slider-fadelicious.css" type="text/css" media="screen" />

</head>

<body>

<br />
<div id="slider-container">

<div class="slide">
<a href="http://www.dg-community.fr.nf/index.php"><img src="images/slide1.png" alt="Bienvenue sur DGC" /></a>
</div>

<div class="slide">
<a href="http://www.dg-community.fr.nf/viewtopic.php?id=168"><img src="images/slide2.png" alt="Cliquez pour plus d'infos" /></a>
</div>

<div class="slide">
<a href="http://www.dg-community.fr.nf/viewforum.php?id=2"><img src="images/slide3.png" alt="Cliquez pour plus d'infos" /></a>
</div>

<div class="slide">
<a href="http://www.dg-community.fr.nf/viewtopic.php?id=184"><img src="images/slide4.png" alt="Cliquez pour plus d'infos" /></a>
</div>

</div>

</body>
</html>

Par le suivant :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Slider Flash</title>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<link rel="stylesheet" href="css/slider-fadelicious.css" type="text/css" media="screen" />

</head>

<body>

<br />
<div id="slider-container">

<div class="slide">
<a href="http://www.dg-community.fr.nf/index.php"><img src="images/slide1.png" alt="Bienvenue sur DGC" /></a>
</div>

<div class="slide">
<a href="http://www.dg-community.fr.nf/viewtopic.php?id=168"><img src="images/slide2.png" alt="Cliquez pour plus d'infos" /></a>
</div>

<div class="slide">
<a href="http://www.dg-community.fr.nf/viewforum.php?id=2"><img src="images/slide3.png" alt="Cliquez pour plus d'infos" /></a>
</div>

<div class="slide">
<a href="http://www.dg-community.fr.nf/viewtopic.php?id=184"><img src="images/slide4.png" alt="Cliquez pour plus d'infos" /></a>
</div>

</div>


<script type="text/javascript" src="javascript/slider-fadelicious.js"></script>
</body>
</html>

Cela dit là encore je suis sceptique, je ne comprends pas comment ça peut intégrer seulement ton slider à ton forum (ou alors il y a du DOCTYPE, html, head et body qui se baladent illicitement en double...).

Ok d'accord je vais vous dire comment est "foutu" mon forum tout d'abord c'est pas moi qui la créer mais se que je sais c'est que le forum est du fluxbb 1.4.8 est qu'il est héberger sur 000webhost.com est que moi j'utilise un logiciel FTP pour modifier le contenue, le design.... ect ses Template sont ChatBox, FluxToolBar, Mod Installer, Private messaging, Réputation et enfin Smilies.

désolé Espeon sa ne marche pas encore je vais essayer de voire l'index du forum pour voire.

Non, ce ne sont pas des templates, ce sont des Mods.

http://fluxbb.fr/forums/viewtopic.php?id=12274
http://fluxbb.fr/aide/doku.php?id=fluxbb_1_4
http://fluxbb.fr/aide/doku.php?id=fluxbb_1_4:integration_site:exemple

Et globalement, il existe un forum de soutien en français pour poser tes questions : http://fluxbb.fr/forums/index.php

Je t'ai déjà expliqué ce qu'il fallait faire à la page précédente, éditer directement le fichier qui contient le script javascript en question, à ce stade là on ne peut pas faire grand chose pour t'aider.

Ok d'accord merci comme même vous pouvez fermer le sujet.

'Christa a écrit:

Alors après recherches sur fluxBB (vu que tu n'as pas l'air de les avoir fait toi même malgré ma remarque, ce qui est mal è_é), tu as un dossier includes/templates dans ton installation, et dedans un fichier main.tpl

La solution serait donc de placer

Code:: 
<script type="text/javascript" src="javascript/slider-fadelicious.js"></script>

Juste avant le </body> dans ce template.

Pour la deuxième solution, non, tu dois éditer le script javascript/slider-fadelicious.js comme ceci :

Code:: $(document).ready(function() {
LE SCRIPT D'ORIGINE
});

Ouaip en fait j'avais raté ce message de 'Christa mais c'est exactement ce qu'elle explique, ni plus ni moins (du moins je ne serais pas capable en l'état d'être plus explicite).

Voilou Smile

Citation :: comme même

Ça s'écrit "quand même"...

xD d'accord désolé "COMME même" Razz

Problème affichage Slide

Problème affichage Slide

Sujets similaires

Sujets similaires

Partenaires Or