Soucie Slideshow

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

Résolu Soucie Slideshow

Message par Orlana le Dim 22 Jan 2012 - 3:07

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:
http://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 .


Dernière édition par Orlana le Mar 24 Jan 2012 - 14:33, édité 1 fois

Orlana
Nouveau membre

Messages : 7
Inscrit(e) le : 21/01/2012

http://www.est-ton-pere.com/forum
Orlana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucie Slideshow

Message par Invité le Dim 22 Jan 2012 - 11:27

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
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink
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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucie Slideshow

Message par Orlana le Dim 22 Jan 2012 - 12:58

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
Nouveau membre

Messages : 7
Inscrit(e) le : 21/01/2012

http://www.est-ton-pere.com/forum
Orlana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucie Slideshow

Message par Orlana le Lun 23 Jan 2012 - 16:10

up !

Orlana
Nouveau membre

Messages : 7
Inscrit(e) le : 21/01/2012

http://www.est-ton-pere.com/forum
Orlana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucie Slideshow

Message par Invité le Lun 23 Jan 2012 - 18:22

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 Wink.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucie Slideshow

Message par Orlana le Lun 23 Jan 2012 - 19:45

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.

Orlana
Nouveau membre

Messages : 7
Inscrit(e) le : 21/01/2012

http://www.est-ton-pere.com/forum
Orlana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucie Slideshow

Message par Invité le Lun 23 Jan 2012 - 20:56

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucie Slideshow

Message par Orlana le Mar 24 Jan 2012 - 13:12

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



Orlana
Nouveau membre

Messages : 7
Inscrit(e) le : 21/01/2012

http://www.est-ton-pere.com/forum
Orlana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucie Slideshow

Message par Invité le Mar 24 Jan 2012 - 13:39

Bonjour,

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

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucie Slideshow

Message par Orlana le Mar 24 Jan 2012 - 13:57

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.

Orlana
Nouveau membre

Messages : 7
Inscrit(e) le : 21/01/2012

http://www.est-ton-pere.com/forum
Orlana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucie Slideshow

Message par Invité le Mar 24 Jan 2012 - 14:23

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucie Slideshow

Message par Orlana le Mar 24 Jan 2012 - 14:32

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


Orlana
Nouveau membre

Messages : 7
Inscrit(e) le : 21/01/2012

http://www.est-ton-pere.com/forum
Orlana a été remercié(e) par l'auteur de ce sujet.

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


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