Widget defilement d'images - faire disparaitre un blanc

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

Résolu Widget defilement d'images - faire disparaitre un blanc

Message par spyman le Mer 4 Avr 2012 - 18:47

Bonjour,

Après recherche infructueuse, je me décide à poster ici mon petit pb.

J'ai un widget qui fait défiler des images avec lien mais je n'ai pas trouvé la solution pour faire disparaitre le "vide" entre le passage de la dernière image et le retour de la 1ere.

J'ai bien trouvé des réponses sur google mais cela passe par du "java" et c'est une danse que je ne maîtrise pas.

Si qqun peut m'aider par html ou java, le script en question est ci-dessous sinon c'est le widget en haut à gauche à cette adresse :
http://privatehbnormand.max2forum.com/



Merci d'avance





<span><marquee behavior="scroll" direction="up" scrollamount="3" height="300">

<a href="http://i49.servimg.com/u/f49/12/59/47/79/progra10.jpg" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/13/10/04/16/sans_413.jpg" border="0" alt="" /></a>

<a href="http://www.normandie-handball.org/v2/images/stories/annonces_matches/inscription_tournoir_PLG_2012_juin.pdf" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/13/10/04/16/plg_2010.jpg" border="0" alt="" /></a>

<a href="http://www.brehal-handball.fr/le_tournoi_de_sandball/informations_pratiques.html" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/13/10/04/16/sans_412.jpg" border="0" alt="" /></a>

</marquee></span>

spyman
**

Messages : 82
Inscrit(e) le : 16/05/2010

http://privatehbnormand.max2forum.com/forum.htm
spyman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par Adam_sfp le Mer 4 Avr 2012 - 20:54

Bonsoir

Peut être en utilisant jscroller

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par spyman le Mer 4 Avr 2012 - 21:01

@Adam_sfp a écrit:Bonsoir

Peut être en utilisant jscroller

Cordialement.

Je viens de regarder celui qui correspond à savoir "Up Scroller" mais ça produit le même effet ...dommage ça avait l'air pas trop compliqué.

spyman
**

Messages : 82
Inscrit(e) le : 16/05/2010

http://privatehbnormand.max2forum.com/forum.htm
spyman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par Adam_sfp le Mer 4 Avr 2012 - 21:08

Bonsoir

il faut utiliser l'option endless scroller
la boucle ce fait apparemment sans blanc...

http://jscroller2.markusbordihn.de/example/endless/


*EDIT
un petit test rapide ici

http://jsfiddle.net/adam_sfp/p8xgk/1/

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par spyman le Mer 4 Avr 2012 - 21:42

Bon je viens d'essayer je me suis contenter de mettre le script ci-dessous directement dans un widget et ça me donne un doublon horizontale et verticale et pas de défilement ....je présume que je dois faire un découpage ou un mauvaise manip ....si je peux encore prendre un peu de ton temps Embarassed


<div id="scroller_container1"> <div class="jscroller2_up jscroller2_speed-50 jscroller2_ignoreleave jscroller2_mousemove jscroller2_dynamic" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;"> <a href="http://i49.servimg.com/u/f49/12/59/47/79/progra10.jpg" class="postlink" target="_blank"> <img src="http://i40.servimg.com/u/f40/13/10/04/16/sans_413.jpg" width="165" height="237" alt=""> <a href="http://www.normandie-handball.org/v2/images/stories/annonces_matches/inscription_tournoir_PLG_2012_juin.pdf" class="postlink" target="_blank"> <img src="http://i40.servimg.com/u/f40/13/10/04/16/plg_2010.jpg" width="168" height="237" alt=""> <a href="http://www.brehal-handball.fr/le_tournoi_de_sandball/informations_pratiques.html" class="postlink" target="_blank"> <img src="http://i40.servimg.com/u/f40/13/10/04/16/sans_412.jpg" width="165" height="233" alt=""> </div> <div class="jscroller2_up_endless" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;">
<img src="http://i40.servimg.com/u/f40/13/10/04/16/sans_412.jpg" width="165" height="233" alt=""> </div> </div>


Dernière édition par spyman le Mer 4 Avr 2012 - 21:51, édité 1 fois

spyman
**

Messages : 82
Inscrit(e) le : 16/05/2010

http://privatehbnormand.max2forum.com/forum.htm
spyman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par spyman le Mer 4 Avr 2012 - 21:50

@spyman a écrit:Bon je viens d'essayer je me suis contenter de mettre le script ci-dessous directement dans un widget et ça me donne un doublon horizontale et verticale et pas de défilement ....je présume que je dois faire un découpage ou un mauvaise manip ....si je peux encore prendre un peu de ton temps Embarassed

J'ai éliminé le doublon (j'avais oublié le CSS) ...mais ça ne déroule pas scratch

spyman
**

Messages : 82
Inscrit(e) le : 16/05/2010

http://privatehbnormand.max2forum.com/forum.htm
spyman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par Adam_sfp le Mer 4 Avr 2012 - 22:01

Bonsoir

Il faut aussi mettre le script Wink

http://code.google.com/p/jscroller2/downloads/detail?name=jscroller2-1.61.js


Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par spyman le Mer 4 Avr 2012 - 22:05

@Adam_sfp a écrit:Bonsoir

Il faut aussi mettre le script Wink

http://code.google.com/p/jscroller2/downloads/detail?name=jscroller2-1.61.js

Quel script et où ?

spyman
**

Messages : 82
Inscrit(e) le : 16/05/2010

http://privatehbnormand.max2forum.com/forum.htm
spyman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par Adam_sfp le Mer 4 Avr 2012 - 22:12

bonsoir

Vous pouvez essayer de coller ce code

A coller dans modules gestion des codes javascript
Activer la gestion des codes Javascript : oui

créer un nouveau javascript
Vous avez le choix entre
Sur l'index Sur le portail Sur les sous-forums Sur les sujets Sur la galerie
Sur toutes les pages

cochez sur le forum
collez le code et enregistrez.





Code:
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,{}))

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par spyman le Mer 4 Avr 2012 - 22:29

A priori cela fonctionne ....même si je n'ai pas compris ce que j'ai fait .....MERCI
J'essaie d'ajouter quelques images et je clos le sujet si ça marche.......

spyman
**

Messages : 82
Inscrit(e) le : 16/05/2010

http://privatehbnormand.max2forum.com/forum.htm
spyman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par spyman le Mer 4 Avr 2012 - 22:40

Cela aurait été trop simple, je ne comprends pas pourquoi la deuxième image/lien est bien reprise dans le script mais n'apparait pas ....seul l'image 1 et la 3 défilent ....encore un peu d'aide ? SVP (merci pour la patience)
J'ai également le redit d'une partie du script (cela n'a peut être pas d'importance)

<div id="scroller_container1"> <div class="jscroller2_up jscroller2_speed-50 jscroller2_ignoreleave jscroller2_mousemove jscroller2_dynamic" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;">
<a href="http://i49.servimg.com/u/f49/12/59/47/79/progra10.jpg" class="postlink" target="_blank"> <img src="http://i40.servimg.com/u/f40/13/10/04/16/sans_413.jpg" width="165" height="237" alt="">
<a href="http://www.normandie-handball.org/v2/images/stories/annonces_matches/inscription_tournoir_PLG_2012_juin.pdf" class="postlink" target="_blank"> <img src="http://i40.servimg.com/u/f40/13/10/04/16/plg_2010.jpg" width="168" height="237" alt="">
<a href="http://www.brehal-handball.fr/le_tournoi_de_sandball/informations_pratiques.html" class="postlink" target="_blank"> <img src="http://i40.servimg.com/u/f40/13/10/04/16/sans_412.jpg" width="165" height="237" alt="">
</div> <div class="jscroller2_up_endless" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;">
<img src="http://i40.servimg.com/u/f40/13/10/04/16/sans_412.jpg" width="165" height="233" alt=""> </div> </div>[/quote]

spyman
**

Messages : 82
Inscrit(e) le : 16/05/2010

http://privatehbnormand.max2forum.com/forum.htm
spyman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par Adam_sfp le Jeu 5 Avr 2012 - 21:48

Bonsoir

Autant pour moi c'était un test rapide
En rajoutant <br/> c'est mieux

http://jsfiddle.net/adam_sfp/p8xgk/2/

Cordialement.



Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par spyman le Jeu 5 Avr 2012 - 22:27

@Adam_sfp a écrit:Bonsoir

Autant pour moi c'était un test rapide
En rajoutant <br/> c'est mieux

http://jsfiddle.net/adam_sfp/p8xgk/2/

Cordialement.


Pas sûr que je laisse la photo de AP même si ça marche Wink ... dès que j'ai 5 mn je fais l'essai ....merci

spyman
**

Messages : 82
Inscrit(e) le : 16/05/2010

http://privatehbnormand.max2forum.com/forum.htm
spyman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par spyman le Ven 6 Avr 2012 - 8:48

ça touche à sa fin cela semble ok même après adjonction d'images ....
Un dernier soucis ...si c'en est un.
J'ai modifié la dernière photo du script pour ne pas provoquer de psychose sur le forum en fait je l'ai modifié car si j'enlève cette partie de la fin du script

</div> <div class="jscroller2_up_endless" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;">
<img src="http://i49.servimg.com/u/f49/12/69/24/33/24211410.jpg" width="165" height="233" alt=""> </div> </div>

cela fait un cassure, normal ?

spyman
**

Messages : 82
Inscrit(e) le : 16/05/2010

http://privatehbnormand.max2forum.com/forum.htm
spyman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par Adam_sfp le Ven 6 Avr 2012 - 10:20

Bonjour

Oui il faut garder cette 2 ème partie du script, c'est elle qui permet d'avoir la boucle sans vide..

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par spyman le Ven 6 Avr 2012 - 10:54

@Adam_sfp a écrit:Bonjour
Oui il faut garder cette 2 ème partie du script, c'est elle qui permet d'avoir la boucle sans vide..
Cordialement.

Ok j'avais fait plusieurs essais et ça coinçait.
C'est une intuition mais je crois comprendre que c'est la photo qui comble l'espace vide .....
Ce qui "fige" la hauteur du cadre à la hauteur des images pour avoir un déroulé linéaire ? (même si cela reste mieux qu'avec mes "marquee" d'origine.
Ce qui veux dire que si j'augmente la hauteur du cadre dans le CSS (en le passant de 233 à 400) un espace vide réapparait ?

spyman
**

Messages : 82
Inscrit(e) le : 16/05/2010

http://privatehbnormand.max2forum.com/forum.htm
spyman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par Adam_sfp le Ven 6 Avr 2012 - 11:57

Bonjour

Oui c'est bien ça
la deuxième div permet d'avoir un déroulement continu.
En augmentant la hauteur pour ne pas avoir de vide il faut rajouter une image dans la deuxième div

voila ce que cela donne
http://jsfiddle.net/adam_sfp/p8xgk/7/

Vous pouvez également rajouter une bordure via le CSS
http://jsfiddle.net/adam_sfp/p8xgk/9/



Vous pouvez faire vos essais et modifier le code comme vous voulez sur cette page...
clicker run pour voir vos modifs..update pour garder les modifs...

et ensuite le reporter sur votre forum

Cordialement.



Dernière édition par Adam_sfp le Ven 6 Avr 2012 - 12:15, édité 1 fois

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget defilement d'images - faire disparaitre un blanc

Message par spyman le Ven 6 Avr 2012 - 12:07

Je suis votre obligé merci

spyman
**

Messages : 82
Inscrit(e) le : 16/05/2010

http://privatehbnormand.max2forum.com/forum.htm
spyman 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