Faire défiler des boutons partenaires dans une cellule

2 participants

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

Résolu Faire défiler des boutons partenaires dans une cellule

Message par Lilou8085 Mar 28 Aoû 2012 - 17:46

Bonjour,

J'ai un soucis avec ma page d'accueil que je n'arrive pas à résoudre. Avant toutes choses, mon forum pour que vous puissiez comprendre (merci de cliquer sur l'onglet partenaire) http://newdesigntest.forumactif.biz/

Comme vous le voyez, j'ai deux petites cellules avec des boutons partenaires. La première, je veux faire une sorte de partenaire préférés en les laissant fixe et sur la seconde cellule, je voudrais qu'ils défilent en ligne. J'ai vu que pour faire défiler il fallait utiliser la balise
Code:
<marquee>LIEN URL DE VOS IMAGES</marquee>

J'ai testé et ca ne marche pas ! Voila ce que ca donne.
Spoiler:

Ils se mettent en ligne mais ne défilent pas. Je ne comprend pas pourquoi ils restent fixe. Me serais-je trompé de balise ou bien c'est impossible de les faire défiler dans une cellule ?

Si je n'y arrive pas je les laisserais avec le menu déroulant mais je pense que ca serait plus joli de l'avoir en défilement

Merci d'avance pour votre aide


Dernière édition par Lilou8085 le Jeu 30 Aoû 2012 - 15:30, édité 1 fois
Lilou8085

Lilou8085
**

Messages : 95
Inscrit(e) le : 03/10/2011

http://thevampirediaries.forum-actif.net/
Lilou8085 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire défiler des boutons partenaires dans une cellule

Message par demeter1 Mar 28 Aoû 2012 - 20:10

Issu de http://jscroller2.markusbordihn.de/

Le js est hébergé.; à vous de voir si vous souhaitez l'héberger de votre côté.

Code:
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jscroller2-161.js"></script>

<div id="scroller_container">
 <div class="jscroller2_left jscroller2_speed-40 jscroller2_mousemove" style="font-size:14px; line-height:50px; white-space:nowrap; margin: 0;">  les images</div>
</div>

et le css qui va avec

Code:
  /* Scroller Box */
    #scroller_container {
    width: 350px;
    height: 50px;
    overflow: hidden;
    }
    /* Scoller Box */

    /* CSS Hack Safari */
    #dummy {;# }

    #scroller_container {
    overflow: auto;
    }
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire défiler des boutons partenaires dans une cellule

Message par Lilou8085 Mar 28 Aoû 2012 - 20:32

Je n'ai jamais hebergé de JS Embarassed comment faut-il faire ?
Lilou8085

Lilou8085
**

Messages : 95
Inscrit(e) le : 03/10/2011

http://thevampirediaries.forum-actif.net/
Lilou8085 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire défiler des boutons partenaires dans une cellule

Message par demeter1 Mar 28 Aoû 2012 - 20:39

Il faut ouvrir un compte chez un hébergeur . Il ya en des gratuits comme archive host.

Enregistrer ceci sous .js et l'héberger chez archive host
Code:
/*
 * jScroller2 1.61 - Scroller Script
 *
 * Copyright (c) 2008 Markus Bordihn (markusbordihn.de)
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * $Date: 2009-07-16 18:00:00 +0100 (Thu, 16 July 2009) $
 * $Rev: 1.61 $
 */

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('x 4={1M:{1N:"1O 1P",1Q:1.1R,1S:"1T 1U (1V://1W.1X)",1Y:"1Z 20 21"},11:{1t:22,17:{D:/([0-9,.\\-]+)D/}},6:[],n:{18:T,A:\'1u\'+\'23\',1h:0,19:0,1a:G.24?1i:T,12:{13:T}},w:{E:s(a,b,c){x i,1b=\'\',O=a.H;7(a&&b){L(i=0;i<O;i++){7(c&&a[i].1c(b)>=0){1b=a[i].1d(b)[1];B}y 7(a[i]===b){1b=a[i];B}}}V 1b},D:s(a){x b="";7(a){7(a.1j(4.11.17.D)){7(1v a.1j(4.11.17.D)[1]!==\'1w\'){b=a.1j(4.11.17.D)[1]}}}V 1x(b)},k:s(a,b,c,d,e,f,g,h,i){x j;X(a){t\'C\':t\'U\':j=4.w.D(d.P[b])+h;7(c>0&&c<=f){4.u[b](d,c-g)}7(j+g>=f&&j<=f+h){4.u[b](d,j);c=j+e*-1}V c;t\'W\':t\'r\':j=4.w.D(d.P[b])-h;7(c+e<=f){4.u[b](d,c+e)}7(j+g<=f&&j+g+h>=0){4.u[b](d,j);c=j+g}V c}}},F:{1e:s(){7(4.n.12.13&&4.n.12.13!==14.1k){4.n.12.13=14.1k}y{4.1l()}},15:s(){4.1m()},I:s(a){7(a>0){L(x i=0;i<4.6.H;i++){7(a===4.6[i][3].I){4.6[i][3].Q=4.6[i][3].I=0}}}},1n:s(a){7(a){4.1o(a,1)}},1p:s(a){7(a){4.1o(a,0)}}},u:{r:s(a,b){4.R(a,\'r\',b+"D")},M:s(a,b){4.R(a,\'M\',b+"D")},l:s(a,b){4.R(a,\'l\',b+"D")},m:s(a,b){4.R(a,\'m\',b+"D")}},1y:{1z:s(){x a=14.1A(\'1B\'),O=a.H,i;L(i=0;i<O;i++){x b=a[i].Y.1d(\' \'),p=1f;7(4.w.E(b,4.n.A+\'C\')){p=\'C\'}y 7(4.w.E(b,4.n.A+\'W\')){p=\'W\'}y 7(4.w.E(b,4.n.A+\'r\')){p=\'r\'}y 7(4.w.E(b,4.n.A+\'U\')){p=\'U\'}7(p){4.1C(a[i],p)}}7(!4.18){7(4.6.H>0){4.1m();7(4.n.1h){L(i=0;i<4.6.H;i++){7(4.6[i][3].I>0){G.25("4.F.I("+4.6[i][3].I+",0)",4.6[i][3].I)}}}7(4.n.19===0){7(4.n.1a){4.n.12.13=14.1k;4.J(14,\'26\',4.F.1e)}y{4.J(G,\'1e\',4.F.1e)}4.J(G,\'15\',4.F.15);4.J(G,\'27\',4.F.15);4.J(G,\'28\',4.F.15)}}}}},1C:s(a,b){x i,O=4.6.H,1g=T;7(a&&b){7(O>0){L(i=0;i<O;i++){7(4.6[i][1].6===a){4.6[i][3].p=b;1g=1i}}}}y{1g=1i}7(!1g){x c=0,q=1,Q=0,v,Z,S=a.Y.1d(\' \'),z=a.1q,k={6:1f,l:1f,m:1f};7(z.Y.1c(\'1u\')>=0){z=z.1q}7(z){4.R(z,\'1r\',\'29\');4.R(z,\'2a\',\'2b\');x d=z.1A(\'1B\');L(i=0;i<d.H;i++){7(4.w.E(d[i].Y.1d(\' \'),4.n.A+b+\'1D\')){k.6=d[i]}}7(a){4.R(a,\'1r\',\'1E\');4.u.M(a,0);4.u.r(a,0);X(b){t"C":4.u.M(a,(a.N*-1)+z.N);B;t"U":4.u.r(a,(a.K*-1)+z.K);B}X(b){t"C":t"W":4.u.l(a,z.K);B;t"U":t"r":4.u.m(a,z.N);B}7(k.6){4.R(k.6,\'1r\',\'1E\');k.l=k.6.K;k.m=k.6.N;X(b){t"C":4.u.M(k.6,k.m*-1);B;t"W":4.u.M(k.6,a.N);B;t"r":4.u.r(k.6,a.K);B;t"U":4.u.r(k.6,a.K*-1);B}X(b){t"C":t"W":4.u.r(k.6,0);4.u.l(k.6,z.K);B;t"r":t"U":4.u.M(k.6,0);4.u.m(k.6,z.N);B}}}7(4.w.E(S,4.n.A+\'q-\',1)){q=1x(4.w.E(S,4.n.A+\'q-\',1)||10)/10;7(4.n.1a&&q<1){q=1}}4.n.19=(4.w.E(S,4.n.A+\'2c\')||4.n.19===1)?1:0;v=4.w.E(S,4.n.A+\'v\')?1:0;Z=4.w.E(S,4.n.A+\'Z\')?1:0;7(4.w.E(S,4.n.A+\'I-\',1)){4.n.1h=Q=1;c=4.w.E(S,4.n.A+\'I-\',1)*2d}7(4.w.E(S,4.n.A+\'1F\')){4.J(a,\'1G\',4.F.1n);4.J(a,\'1H\',4.F.1p);7(k.6){4.J(k.6,\'1G\',4.F.1n);4.J(k.6,\'1H\',4.F.1p)}}4.6.2e([{m:z.N,l:z.K},{6:a,m:a.N,l:a.K},{6:k.6,m:k.m,l:k.l},{p:b,q:q,Q:Q,I:c,v:v,Z:Z}])}}},2f:s(a){7(a){L(x i=0;i<4.6.H;i++){7(4.6[i][1].6===a){4.6.2g(i,1)}}7(4.6.H<=0){4.1l()}}},1I:s(){x i,O=4.6.H;L(i=0;i<O;i++){x a=4.6[i][0],o=4.6[i][1],k=4.6[i][2],8=4.6[i][3];7(!8.Q&&!8.I){7(8.Z){o.m=4.6[i][1].m=o.6.N;o.l=4.6[i][1].l=o.6.K;7(k.6){k.m=4.6[i][2].m=k.6.N;k.l=4.6[i][2].l=k.6.K}}X(8.p){t\'C\':t\'W\':x b=4.w.D(o.6.P.M);b=(8.v===2)?((8.p===\'C\')?b-8.q:b+8.q):((8.p===\'C\')?b+8.q:b-8.q);7(k.6&&!8.v){b=4.w.k(8.p,\'M\',b,k.6,o.m,a.m,k.m,8.q,8.v)}y{7(8.v){7(8.v===((8.p===\'C\')?1:2)&&((o.m>a.m&&b+8.q>0)||(o.m<a.m&&b+o.m+8.q>a.m))){4.6[i][3].v=((8.p===\'C\')?2:1)}7(8.v===((8.p===\'C\')?2:1)&&((o.m>a.m&&b+o.m<a.m+8.q)||(o.m<a.m&&b<0))){4.6[i][3].v=((8.p===\'C\')?1:2)}}y{7(8.p===\'C\'){7(b>a.l){b=(o.m)*-1}}y{7(b<o.m*-1){b=a.m}}}}4.u.M(o.6,b);B;t\'r\':t\'U\':x c=4.w.D(o.6.P.r);c=(8.v===2)?((8.p===\'r\')?c+8.q:c-8.q):(8.p===\'r\')?c-8.q:c+8.q;7(k.6&&!8.v){c=4.w.k(8.p,\'r\',c,k.6,o.l,a.l,k.l,8.q,8.v)}y{7(8.v){7(8.v===((8.p===\'r\')?2:1)&&((o.l>a.l&&c+8.q>0)||(o.l<a.l&&c+o.l+8.q>a.l))){4.6[i][3].v=((8.p===\'r\')?1:2)}7(8.v===((8.p===\'r\')?1:2)&&((o.l>a.l&&c+o.l<a.l+8.q)||(o.l<a.l&&c-8.q<0))){4.6[i][3].v=((8.p===\'r\')?2:1)}}y{7(8.p===\'r\'){7(c<o.l*-1){c=a.l}}y{7(c>a.l){c=(o.l)*-1}}}}4.u.r(o.6,c);B}}}},1o:s(a,b){7(a.1s||a.1J){x c=a.1s?a.1s:a.1J;L(x i=0;i<5;i++){7(c.Y.1c(4.n.A+\'1F\')<0&&c.Y.1c(\'1D\')<0){c=c.1q}y{B}}4.Q(c,b)}},1m:s(){7(!4.16){4.18=4.16=G.2h(4.1I,4.11.1t)}},1l:s(){7(4.16){G.2i(4.16);4.18=4.16=T}},Q:s(a,b){7(a&&b>=0){L(x i=0;i<4.6.H;i++){7(a===4.6[i][1].6||a===4.6[i][2].6){4.6[i][3].Q=b}}}},R:s(a,b,c){7(a&&b){7(a.P){7(1v a.P[b]!==\'1w\'){7(c){2j{V(a.P[b]=c)}2k(e){V T}}y{V(a.P[b]===\'\')?((a.1K)?a.1K[b]:((G.1L)?G.1L(a,\'\').2l(b):T)):a.P[b]}}}}},J:s(a,b,c){7(a&&b&&c){7(4.n.1a){a.2m("F"+b,c)}y{a.2n(b,c,T)}}}};4.J(G,\'2o\',4.1y.1z);',62,149,'||||ByRei_jScroller2||obj|if|option||||||||||||endless|width|height|cache|child|direction|speed|left|function|case|set|alternate|get|var|else|parent|prefix|break|down|px|value|on|window|length|delay|set_eventListener|clientWidth|for|top|clientHeight|il|style|pause|_style|classNames|false|right|return|up|switch|className|dynamic||config|last|element|document|focus|timer|regExp|active|ileave|ie|result|indexOf|split|blur|null|error|delayer|true|match|activeElement|stop|start|over|start_stop|out|parentNode|position|target|refreshtime|jscroller2|typeof|undefined|parseFloat|init|main|getElementsByTagName|div|add|_endless|absolute|mousemove|mouseover|mouseout|scroller|srcElement|currentStyle|getComputedStyle|info|Name|ByRei|jScroller2|Version|61|Author|Markus|Bordihn|http|markusbordihn|de|Description|Next|Generation|Autoscroller|150|_|detachEvent|setTimeout|focusout|resize|scroll|relative|overflow|hidden|ignoreleave|1000|push|remove|splice|setInterval|clearInterval|try|catch|getPropertyValue|attachEvent|addEventListener|load'.split('|'),0,{}))

et remplacer l'adresse http://s3.archive-host.com/membres/up/1696114791/java/jscroller2-161.js par celle vous forunira l'hébergeur.

Faites au plus simple à mon avis. Le fichier étant déjà hébergé (et surement pour un bout de temps), il sera pus aisé d'utiliser le script en l'état (à vous de voir).
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire défiler des boutons partenaires dans une cellule

Message par Lilou8085 Mar 28 Aoû 2012 - 20:46

merci je vais tester comme ca alors si vous pensez que c'est pas forcement utile de l'heberger

je teste et revient vous dire ce qu'il en est Smile

EDIT: je viens de tester, mes images sont de nouveau alignés mais reste fixe comme avec la balise cité plus haute :/

http://newdesigntest.forumactif.biz/
Lilou8085

Lilou8085
**

Messages : 95
Inscrit(e) le : 03/10/2011

http://thevampirediaries.forum-actif.net/
Lilou8085 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire défiler des boutons partenaires dans une cellule

Message par Lilou8085 Mer 29 Aoû 2012 - 10:39

Bonjour,

J'ai testé ce matin vos codes avec une autre mise en page, j'ai abondonné l'idée de les faire défiler dans une cellule puisque ca ne marche pas. Voici ce que ça donne désormais (onglet partenaires sur la PA): http://newdesigntest.forumactif.biz/

Ca défile comme je le souhaitais mais je trouve qu'ils défile sur une trop petite surface. J'ai donc modifié le CSS pour augmenter la boite en longueur mais du coup ca ne défile plus Confused faut-il modifier le JS aussi ?

EDIT: je comprends pas, ca bouge plus alors que j'ai rien touché Mad Mad

EDIT2: bon j'ai remis comme c'était au départ, je vais voir si quelqu'un à une autre solution
Lilou8085

Lilou8085
**

Messages : 95
Inscrit(e) le : 03/10/2011

http://thevampirediaries.forum-actif.net/
Lilou8085 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire défiler des boutons partenaires dans une cellule

Message par Lilou8085 Jeu 30 Aoû 2012 - 14:19

up
Lilou8085

Lilou8085
**

Messages : 95
Inscrit(e) le : 03/10/2011

http://thevampirediaries.forum-actif.net/
Lilou8085 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire défiler des boutons partenaires dans une cellule

Message par Lilou8085 Jeu 30 Aoû 2012 - 15:30

problème réglé j'avais des chose en trop dans mes liens images qui empecher le défilement
Lilou8085

Lilou8085
**

Messages : 95
Inscrit(e) le : 03/10/2011

http://thevampirediaries.forum-actif.net/
Lilou8085 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire défiler des boutons partenaires dans une cellule

Message par demeter1 Jeu 30 Aoû 2012 - 19:07


Content de voir que vous avez réussi à mettre en place le script.

demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 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