Soucie Slideshow

[Orlana]

Bonjour, apres quelques recherche sur le forum j'ai trouvé ce que je cherchais en terme de Slideshow:
http://www.lafermeduweb.net/billet/barackslideshow-un-slideshow-mootools-leger-et-efficace-392.html

Avec les explications sur ce sujet:
https://forum.forumactif.com/t311398-slideshow-pour-les-news-en-page-d-accueil#2726445

Probleme, je n'arrive pas à comprendre "Ensuite placez ceci dans votre message d'accueil".

Je voudrais mettre ce slider sur mon portail afin d'y ajouter mes news.

Merci par avance de vos réponses .

[Invité]

Bonjour et Bienvenue sur le Forum des Forums Forumactif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

Bonjour,

La personne souhaitait placer le slideshow sur l'index de son forum. Vous souhaitez le mettre sur le portail, il faut donc placer le dernier code dans un widget personnalisé de votre portail.

Cordialement.

[Orlana]

Vous souhaitez le mettre sur le portail, il faut donc placer le dernier code dans un widget personnalisé de votre portail.

Cordialement.

En effet j'ai pensé à ça apres avoir poster et voila le resultat:
http://www.est-ton-pere.com/

Javascript placé dans Gestion des codes Javascript.
Scipt placé dans un nouveau widget.

Aucunes images, seulement un nouveau cadre en en-tete (voulu le cadre).
:s

[Orlana]

up !

[Invité]

Bonjour,

Après plusieurs essais, j'ai réussi à le faire fonctionner en plaçant ceci dans Modules > Gestion des codes Javascript, "sur toutes les pages":

Code:

var fadeSlideShow_descpanel={controls:[["x.png",7,7],["restore.png",10,11],["loading.gif",54,55]],fontStyle:"normal 11px Verdana",slidespeed:200};jQuery.noConflict();
function fadeSlideShow(a){this.setting=a;a=null;a=this.setting;a.fadeduration=a.fadeduration?parseInt(a.fadeduration):500;a.curimage=a.persist?fadeSlideShow.routines.getCookie("gallery-"+a.wrapperid):0;a.curimage=a.curimage||0;a.currentstep=0;a.totalsteps=a.imagearray.length*(0<a.displaymode.cycles?a.displaymode.cycles:Infinity);a.fglayer=0;a.bglayer=1;a.oninit=a.oninit||function(){};a.onslide=a.onslide||function(){};a.displaymode.randomize&&a.imagearray.sort(function(){return 0.5-Math.random()});
var c=[];a.longestdesc="";for(var b=0;b<a.imagearray.length;b++)if(c[b]=new Image,c[b].src=a.imagearray[b][0],a.imagearray[b][3]&&a.imagearray[b][3].length>a.longestdesc.length)a.longestdesc=a.imagearray[b][3];c=fadeSlideShow_descpanel.controls[0];a.closebutton="always"==a.descreveal?'<img class="close" src="'+c[0]+'" style="float:right;cursor:hand;cursor:pointer;width:'+c[1]+"px;height:"+c[2]+'px;margin-left:2px" title="Hide Description" />':"";var d=this;jQuery(document).ready(function(b){var a=
d.setting,c=fadeSlideShow.routines.getFullHTML(a.imagearray);a.$wrapperdiv=b("#"+a.wrapperid).css({position:"relative",visibility:"visible",background:"black",overflow:"hidden",width:a.dimensions[0],height:a.dimensions[1]}).empty();if(0==a.$wrapperdiv.length)alert('Error: DIV with ID "'+a.wrapperid+'" not found on page.');else{a.$gallerylayers=b('<div class="gallerylayer"></div><div class="gallerylayer"></div>').css({position:"absolute",left:0,top:0,width:"100%",height:"100%",background:"black"}).appendTo(a.$wrapperdiv);
var g=b('<img src="'+fadeSlideShow_descpanel.controls[2][0]+'" style="position:absolute;width:'+fadeSlideShow_descpanel.controls[2][1]+";height:"+fadeSlideShow_descpanel.controls[2][2]+'" />').css({left:a.dimensions[0]/2-fadeSlideShow_descpanel.controls[2][1]/2,top:a.dimensions[1]/2-fadeSlideShow_descpanel.controls[2][2]}).appendTo(a.$wrapperdiv),c=a.$gallerylayers.html(c).find("img").hide().eq(a.curimage);""!=a.longestdesc&&"none"!=a.descreveal&&(fadeSlideShow.routines.adddescpanel(b,a),"always"==
a.descreveal?(a.$descpanel.css({top:a.dimensions[1]-a.panelheight}),a.$descinner.click(function(a){"close"==a.target.className&&d.showhidedescpanel("hide")}),a.$restorebutton.click(function(){d.showhidedescpanel("show");b(this).css({visibility:"hidden"})})):"ondemand"==a.descreveal&&(a.$wrapperdiv.bind("mouseenter",function(){d.showhidedescpanel("show")}),a.$wrapperdiv.bind("mouseleave",function(){d.showhidedescpanel("hide")})));a.$wrapperdiv.bind("mouseenter",function(){a.ismouseover=!0});a.$wrapperdiv.bind("mouseleave",
function(){a.ismouseover=!1});c.get(0).complete?(g.hide(),d.paginateinit(b),d.showslide(a.curimage)):(g.hide(),d.paginateinit(b),c.bind("load",function(){d.showslide(a.curimage)}));a.oninit.call(d);b(window).bind("unload",function(){d.setting.persist&&fadeSlideShow.routines.setCookie("gallery-"+a.wrapperid,a.curimage);jQuery.each(d.setting,function(a){if(d.setting[a]instanceof Array)for(var b=0;b<d.setting[a].length;b++){if("DIV"==d.setting[a][b].tagName)d.setting[a][b].innerHTML=null;d.setting[a][b]=
null}});d=d.setting=null})}})}
fadeSlideShow.prototype={navigate:function(a){var c=this.setting;clearTimeout(c.playtimer);if("auto"==c.displaymode.type)c.displaymode.type="manual",c.displaymode.wraparound=!0;isNaN(parseInt(a))?/(prev)|(next)/i.test(a)&&this.showslide(a.toLowerCase()):this.showslide(parseInt(a))},showslide:function(a){var c=this,b=c.setting;if("auto"==b.displaymode.type&&b.ismouseover&&b.currentstep<=b.totalsteps)b.playtimer=setTimeout(function(){c.showslide("next")},b.displaymode.pause);else{var d=b.imagearray.length,
a="next"==a?b.curimage<d-1?b.curimage+1:0:"prev"==a?0<b.curimage?b.curimage-1:d-1:Math.min(a,d-1),e=b.$gallerylayers.eq(b.bglayer).find("img").hide().eq(a).show(),f=[e.width(),e.height()];e.css({marginLeft:0<f[0]&&f[0]<b.dimensions[0]?b.dimensions[0]/2-f[0]/2:0});e.css({marginTop:0<f[1]&&f[1]<b.dimensions[1]?b.dimensions[1]/2-f[1]/2:0});"peekaboo"==b.descreveal&&""!=b.longestdesc&&(clearTimeout(b.hidedesctimer),c.showhidedescpanel("hide",0));b.$gallerylayers.eq(b.bglayer).css({zIndex:1E3,opacity:0}).stop().css({opacity:0}).animate({opacity:1},
b.fadeduration,function(){clearTimeout(b.playtimer);try{b.onslide.call(c,b.$gallerylayers.eq(b.fglayer).get(0),b.curimage)}catch(a){alert('Fade In Slideshow error: An error has occured somwhere in your code attached to the "onslide" event: '+a)}if("peekaboo"==b.descreveal&&""!=b.longestdesc)c.showhidedescpanel("show"),b.hidedesctimer=setTimeout(function(){c.showhidedescpanel("hide")},b.displaymode.pause-fadeSlideShow_descpanel.slidespeed);b.currentstep+=1;if("auto"==b.displaymode.type&&(b.currentstep<=
b.totalsteps||0==b.displaymode.cycles))b.playtimer=setTimeout(function(){c.showslide("next")},b.displaymode.pause)});b.$gallerylayers.eq(b.fglayer).css({zIndex:999});b.fglayer=b.bglayer;b.bglayer=0==b.bglayer?1:0;b.curimage=a;b.$descpanel&&(b.$descpanel.css({visibility:b.imagearray[a][3]?"visible":"hidden"}),b.imagearray[a][3]&&b.$descinner.empty().html(b.closebutton+b.imagearray[a][3]));"manual"==b.displaymode.type&&!b.displaymode.wraparound&&this.paginatecontrol();b.$status&&b.$status.html(b.curimage+
1+"/"+d)}},showhidedescpanel:function(a,c){var b=this.setting,d="show"==a?b.dimensions[1]-b.panelheight:this.setting.dimensions[1];b.$descpanel.stop().animate({top:d},"undefined"!=typeof c?c:fadeSlideShow_descpanel.slidespeed,function(){"always"==b.descreveal&&"hide"==a&&b.$restorebutton.css({visibility:"visible"})})},paginateinit:function(a){var c=this,b=this.setting;if(b.togglerid)b.$togglerdiv=a("#"+b.togglerid),b.$prev=b.$togglerdiv.find(".prev").data("action","prev"),b.$next=b.$togglerdiv.find(".next").data("action",
"next"),b.$prev.add(b.$next).click(function(b){var e=a(this);c.navigate(e.data("action"));b.preventDefault()}),b.$status=b.$togglerdiv.find(".status")},paginatecontrol:function(){var a=this.setting;a.$prev.css({opacity:0==a.curimage?0.4:1}).data("action",0==a.curimage?"none":"prev");a.$next.css({opacity:a.curimage==a.imagearray.length-1?0.4:1}).data("action",a.curimage==a.imagearray.length-1?"none":"next");8==document.documentMode&&(a.$prev.find("img:eq(0)").css({opacity:0==a.curimage?0.4:1}),a.$next.find("img:eq(0)").css({opacity:a.curimage==
a.imagearray.length-1?0.4:1}))}};
fadeSlideShow.routines={getSlideHTML:function(a){var c=a[1]?'<a href="'+a[1]+'" target="'+a[2]+'">\n':"",c=c+('<img src="'+a[0]+'" style="border-width:0;" />\n');return c+=a[1]?"</a>\n":""},getFullHTML:function(a){for(var c="",b=0;b<a.length;b++)c+=this.getSlideHTML(a[b]);return c},adddescpanel:function(a,c){c.$descpanel=a('<div class="fadeslidedescdiv"></div>').css({position:"absolute",visibility:"hidden",width:"100%",left:0,top:c.dimensions[1],font:fadeSlideShow_descpanel.fontStyle,zIndex:"1001"}).appendTo(c.$wrapperdiv);
a('<div class="descpanelbg"></div><div class="descpanelfg"></div>').css({position:"absolute",left:0,top:0,width:c.$descpanel.width()-8,padding:"4px"}).eq(0).css({background:"black",opacity:0.7}).end().eq(1).css({color:"white"}).html(c.closebutton+c.longestdesc).end().appendTo(c.$descpanel);c.$descinner=c.$descpanel.find("div.descpanelfg");c.panelheight=c.$descinner.outerHeight();c.$descpanel.css({height:c.panelheight}).find("div").css({height:"100%"});if("always"==c.descreveal)c.$restorebutton=a('<img class="restore" title="Restore Description" src="'+
fadeSlideShow_descpanel.controls[1][0]+'" style="position:absolute;visibility:hidden;right:0;bottom:0;z-index:1002;width:'+fadeSlideShow_descpanel.controls[1][1]+"px;height:"+fadeSlideShow_descpanel.controls[1][2]+'px;cursor:pointer;cursor:hand" />').appendTo(c.$wrapperdiv)},getCookie:function(a){a=RegExp(a+"=[^;]+","i");return document.cookie.match(a)?document.cookie.match(a)[0].split("=")[1]:null},setCookie:function(a,c){document.cookie=a+"="+c+";path=/"}};


var mygallery=new fadeSlideShow({
   wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
   dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
   imagearray: [
      ["http://i26.tinypic.com/11l7ls0.jpg", "", "", "texte"],
      ["http://i29.tinypic.com/xp3hns.jpg", "", "", "texte"],
      ["http://i30.tinypic.com/531q3n.jpg", "", "", "texte"],
      ["http://i31.tinypic.com/119w28m.jpg", "", "", "texte"] //<--no trailing comma after very last image element!
   ],
   displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
   persist: false, //remember last viewed slide and recall within same session?
   fadeduration: 500, //transition duration (milliseconds)
   descreveal: "ondemand",
   togglerid: "auto"
})

Et ceci dans le widget personnalisé:

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><div id="fadeshow1"></div>

La partie à personnaliser est tout en bas du code javascript .

Cordialement.

[Orlana]

Merci Isolde, ça marche nikel, seul petite chose j'aimerai bien que se soit centré (la il est à gauche) et ne n'arrive pas à trouver comment faire :s.

[Invité]

En entourant la div de balise center dans le widget, ça semble fonctionner :

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<center><div id="fadeshow1"></div></center>

Cordialement.

[Orlana]

Merci ça marche, mais nouveau probleme (dsl) :

[Invité]

Bonjour,

Le soucis est toujours présent si vous remplacez " sur toutes les pages" par "sur le portail"?

Cordialement.

[Orlana]

Quand je coche "sur toute les pages" c'est à chaque fois que j'ouvre n'importe quelle pages.
Quand je coche "sur le portail" j'ai l'annonce seulement sur l'index du forum.

[Invité]

Dernière solution possible, ne cochez aucune case dans le code javascript et récupérez l'adresse d'hergement du script pour la placer dans le widget:

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="ADRESSE DU SCRIPT"></script>
<center><div id="fadeshow1"></div></center>

Normalement, il ne devrait plus y avoir le message d'erreur.

Cordialement.

[Orlana]

\o/ ça marche .
Je passe le sujet en résolu, merci beaucoup Isolde