> Tous les forums > Forum des Webmasters
 animation sur siteSujet résolu
Ajouter un message à la discussion
Pages : [1] 2 ... Fin
Page 1 sur 2 [Fin]
BOB DE BRETAGNE
  Posté le 10/03/2015 @ 17:59 
Aller en bas de la page 
Astucien

Bonjour les astuciens ...nes ,

je fais en ce moment de petites animations flash et je vois qu'il se pose un problème avec certains navigateurs Mozilla et Internet explorer pour ne pas les citer

le problème = l'animation flash se présente en avant ? ( sur l'exemple ci-dessous par devant la foule)

avec chrome, Opéra , Vivaldi pas de soucis .

voir ICI

le css

body{

background-color: #210808;

}

#anim_flash{

position: relative;

width: 100%;

height: 100%;

text-align: center;

}

#foule{

position: absolute;

width: 100%;

height: 100%;

margin-top: -500px;

}

merci par avance !

Publicité
Dreamer
 Posté le 10/03/2015 à 19:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Qu'appelle-tu en avant ??

teles54
 Posté le 10/03/2015 à 19:21 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Bonjour

je le voie pas mal ton css

je l'ai passé a la validation

http://jigsaw.w3.org/css-validator/validator

aucune erreur

je pencherais plus a un problème FF ou IE ( et quel IE ) parce que sur le mien avec IE avant le 10 ( si je me rappelle bien ) j'ai toujours eu un problème de centrage d'une image

je t'aide pas beaucoup

attends d'autres avis

a+

elle
 Posté le 10/03/2015 à 19:37 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Dreamer a écrit :

Qu'appelle-tu en avant ??

Par-dessus l'image de fond, j'imagine?

Dreamer
 Posté le 10/03/2015 à 20:08 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Je sais que pour un lecteur js, on utilise dans les param la fonction vmode soit opaque soit transparent pour être devant ou derrière !!

BOB DE BRETAGNE
 Posté le 10/03/2015 à 20:18 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

elle a écrit :
Dreamer a écrit :

Qu'appelle-tu en avant ??

Par-dessus l'image de fond, j'imagine?

Image foule .png par devant l'animation flash et non le contraire comme avec Firefox ou IE

elle
 Posté le 10/03/2015 à 20:30 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Pourquoi tu ne le fais pas en HTML5?

Clikbill
 Posté le 10/03/2015 à 21:57 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonsoir,

Moi qui n'y connais rien, j'ai testé sur Firefox et sur Chrome et c'est exactement la même chose que sur IE.

Un chat qui danse de gauche à droite de l'écran devant un autre qui joue de le guitare.

elle
 Posté le 10/03/2015 à 22:12 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Faudrait utiliser la propriété CSS z-index, me semble...
BOB DE BRETAGNE
 Posté le 10/03/2015 à 22:27 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

j'avais déjà essayé avec z-index: 1; pour le .png et z-index: 2; pour le flash je vais revoir çà, peut-être un loupé

elle
 Posté le 10/03/2015 à 22:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Déjà, c'est l'inverse qu'il faudrait : 2 se placera au-dessus de 1.
elle
 Posté le 10/03/2015 à 22:35 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Et il faut que tes éléments soient positionnés...
BOB DE BRETAGNE
 Posté le 10/03/2015 à 22:39 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Non , rien à faire cette variable fonctionne très bien avec les navigateurs que j'ai cités plus haut mais pas avec Firefox et IE qui persiste à faire de la résistance

#anim_flash{

z-index: 1;

position: relative;

width: 100%;

height: 100%;

text-align: center;

}

#foule{

z-index: 2;

position: absolute;

width: 100%;

height: 100%;

margin-top: -220px;

}



Modifié par BOB DE BRETAGNE le 10/03/2015 22:45
elle
 Posté le 10/03/2015 à 22:53 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Et si tu mets le id="foule" sur le p ou de préférence sur une div?
BOB DE BRETAGNE
 Posté le 10/03/2015 à 23:20 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Non çà ne change rien, avec <img id="foule" ou <div id="foule" ou <p id="foule"> , l'anim flash se trouve toujours devant !

Merci elle et bonne fin de soirée, moi je vais trouver les bras de Morphée, à demain

BOB DE BRETAGNE
 Posté le 11/03/2015 à 15:27 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

après une bonne nuit de sommeil, je construit toute l'animation en flash comme çà aucun pb avec les différents navigateurs.

voir ICI

je met en résolu !

elle
 Posté le 11/03/2015 à 17:12 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

T'auras juste un problème avec les appareils et les configurations qui ne supportent pas Flash.

BOB DE BRETAGNE
 Posté le 11/03/2015 à 18:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bien sur elle, maintenant il reste bien sur le gif mais c'est bien triste en qualité d'image

BOB DE BRETAGNE
 Posté le 12/03/2015 à 14:22 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Tilde,

le .flv n'est juste là que pour la musique du .swf

je peux à loisir changer de musique !



Modifié par BOB DE BRETAGNE le 12/03/2015 16:01
BOB DE BRETAGNE
 Posté le 18/03/2015 à 16:35 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

les astuciens...nes

je remonte le sujet car j'ai trouvé un montage sans flash mais petit soucis dans la séquence vitesse image dans le .js

j'ai déjà fait des essais à ce niveau delay:1e3

le js :

function formatString(){var e=arguments.length,t=arguments[0];for(var n=1;n<e;n++){var r="\\{"+(n-1)+"\\}",i=RegExp(r,"g");t=t.replace(i,arguments[n])}return t}var gallery={initialize:function(e,t){this.setOptions({showArrows:!0,showCarousel:!0,showInfopane:!0,embedLinks:!0,fadeDuration:0,timed:1,delay:1e3,preloader:!0,preloaderImage:!0,preloaderErrorImage:!0,manualData:[],populateFrom:!1,populateData:!0,destroyAfterPopulate:!0,elementSelector:"div.imageElement",titleSelector:"h3",subtitleSelector:"p",linkSelector:"a.open",imageSelector:"img.full",thumbnailSelector:"img.thumbnail",defaultTransition:"fade",slideInfoZoneSlide:!0,carouselMinimizedOpacity:.4,carouselMinimizedHeight:20,carouselMaximizedOpacity:.9,thumbHeight:75,thumbWidth:100,thumbSpacing:10,thumbIdleOpacity:.2,textShowCarousel:"Images",showCarouselLabel:!0,thumbCloseCarousel:!0,useThumbGenerator:!1,thumbGenerator:"resizer.php",useExternalCarousel:!1,carouselElement:!1,carouselHorizontal:!0,activateCarouselScroller:!0,carouselPreloader:!0,textPreloadingCarousel:"Loading...",baseClass:"jdGallery",withArrowsClass:"withArrows",useHistoryManager:!1,customHistoryKey:!1},t),this.fireEvent("onInit"),this.currentIter=0,this.lastIter=0,this.maxIter=0,this.galleryElement=e,this.galleryData=this.options.manualData,this.galleryInit=1,this.galleryElements=[],this.thumbnailElements=[],this.galleryElement.addClass(this.options.baseClass),this.populateFrom=e,this.options.populateFrom&&(this.populateFrom=this.options.populateFrom),this.options.populateData&&this.populateData(),e.style.display="block",this.options.useHistoryManager&&this.initHistory(),this.options.embedLinks&&(this.currentLink=(new Element("a")).addClass("open").setProperties({href:"#",title:""}).injectInside(e),!this.options.showArrows&&!this.options.showCarousel?this.galleryElement=e=this.currentLink:this.currentLink.setStyle("display","none")),this.constructElements();if(this.galleryData.length>1&&this.options.showArrows){var n=(new Element("a")).addClass("left").addEvent("click",this.prevItem.bind(this)).injectInside(e),r=(new Element("a")).addClass("right").addEvent("click",this.nextItem.bind(this)).injectInside(e);this.galleryElement.addClass(this.options.withArrowsClass)}this.loadingElement=(new Element("div")).addClass("loadingElement").injectInside(e),this.options.showInfopane&&this.initInfoSlideshow(),this.options.showCarousel&&this.initCarousel(),this.doSlideShow(1)},populateData:function(){currentArrayPlace=this.galleryData.length,options=this.options;var e=$A(this.galleryData);e.extend(this.populateGallery(this.populateFrom,currentArrayPlace)),this.galleryData=e,this.fireEvent("onPopulated")},populateGallery:function(e,t){var n=[];return options=this.options,currentArrayPlace=t,e.getElements(options.elementSelector).each(function(e){elementDict={image:e.getElement(options.imageSelector).getProperty("src"),number:currentArrayPlace,transition:this.options.defaultTransition},elementDict.extend=$extend,options.showInfopane|options.showCarousel&&elementDict.extend({title:e.getElement(options.titleSelector).innerHTML,description:e.getElement(options.subtitleSelector).innerHTML}),options.embedLinks&&elementDict.extend({link:e.getElement(options.linkSelector).href||!1,linkTitle:e.getElement(options.linkSelector).title||!1,linkTarget:e.getElement(options.linkSelector).getProperty("target")||!1}),!options.useThumbGenerator&&options.showCarousel?elementDict.extend({thumbnail:e.getElement(options.thumbnailSelector).getProperty("src")}):options.useThumbGenerator&&elementDict.extend({thumbnail:options.thumbGenerator+"?imgfile="+elementDict.image+"&max_width="+options.thumbWidth+"&max_height="+options.thumbHeight}),n.extend([elementDict]),currentArrayPlace++,this.options.destroyAfterPopulate&&e.remove()}),n},constructElements:function(){el=this.galleryElement,this.maxIter=this.galleryData.length;var e;for(i=0;i<this.galleryData.length;i++){var e=new Fx.Styles((new Element("div")).addClass("slideElement").setStyles({position:"absolute",left:"0px",right:"0px",margin:"0px",padding:"0px",backgroundPosition:"center center",opacity:"0"}).injectInside(el),"opacity",{duration:this.options.fadeDuration});this.options.preloader?(e.source=this.galleryData[i].image,e.loaded=!1,e.load=function(e){e.loaded||new Asset.image(e.source,{onload:function(e){e.element.setStyle("backgroundImage","url('"+e.source+"')"),e.loaded=!0}.bind(this,e)})}.pass(e,this)):e.element.setStyle("backgroundImage","url('"+this.galleryData[i].image+"')"),this.galleryElements[parseInt(i)]=e}},destroySlideShow:function(e){var t=e.className,n=(new Element("div")).addClass("myClassName");e.parentNode.replaceChild(n,e)},startSlideShow:function(){this.fireEvent("onStart"),this.loadingElement.style.display="none",this.lastIter=this.maxIter-1,this.currentIter=0,this.galleryInit=0,this.galleryElements[parseInt(this.currentIter)].set({opacity:1}),this.options.showInfopane&&this.showInfoSlideShow.delay(1e3,this);var e=formatString(this.options.textShowCarousel,this.currentIter+1,this.maxIter);this.options.showCarousel&&!this.options.carouselPreloader&&this.carouselBtn.setHTML(e).setProperty("title",e),this.prepareTimer(),this.options.embedLinks&&this.makeLink(this.currentIter)},nextItem:function(){this.fireEvent("onNextCalled"),this.nextIter=this.currentIter+1,this.nextIter>=this.maxIter&&(this.nextIter=0),this.galleryInit=0,this.goTo(this.nextIter)},prevItem:function(){this.fireEvent("onPreviousCalled"),this.nextIter=this.currentIter-1,this.nextIter<=-1&&(this.nextIter=this.maxIter-1),this.galleryInit=0,this.goTo(this.nextIter)},goTo:function(e){this.clearTimer(),this.options.preloader&&(this.galleryElements[e].load(),e==0?this.galleryElements[this.maxIter-1].load():this.galleryElements[e-1].load(),e==this.maxIter-1?this.galleryElements[0].load():this.galleryElements[e+1].load()),this.options.embedLinks&&this.clearLink(),this.options.showInfopane?(this.slideInfoZone.clearChain(),this.hideInfoSlideShow().chain(this.changeItem.pass(e,this))):this.currentChangeDelay=this.changeItem.delay(500,this,e),this.options.embedLinks&&this.makeLink(e),this.prepareTimer()},changeItem:function(e){this.fireEvent("onStartChanging"),this.galleryInit=0;if(this.currentIter!=e){for(i=0;i<this.maxIter;i++)i!=this.currentIter&&this.galleryElements[i].set({opacity:0});gallery.Transitions[this.galleryData[e].transition].pass([this.galleryElements[this.currentIter],this.galleryElements[e],this.currentIter,e],this)(),this.currentIter=e}var t=formatString(this.options.textShowCarousel,e+1,this.maxIter);this.options.showCarousel&&this.carouselBtn.setHTML(t).setProperty("title",t),this.doSlideShow.bind(this)(),this.fireEvent("onChanged")},clearTimer:function(){this.options.timed&&$clear(this.timer)},prepareTimer:function(){this.options.timed&&(this.timer=this.nextItem.delay(this.options.delay,this))},doSlideShow:function(e){this.galleryInit==1?(imgPreloader=new Image,imgPreloader.onload=function(){this.startSlideShow.delay(10,this)}.bind(this),imgPreloader.src=this.galleryData[0].image,this.options.preloader&&this.galleryElements[0].load()):this.options.showInfopane&&(this.options.showInfopane?this.showInfoSlideShow.delay(500+this.options.fadeDuration,this):this.options.showCarousel&&this.options.activateCarouselScroller&&this.centerCarouselOn(e))},createCarousel:function(){var e;if(!this.options.useExternalCarousel){var t=(new Element("div")).addClass("carouselContainer").injectInside(this.galleryElement);this.carouselContainer=new Fx.Styles(t,{transition:Fx.Transitions.expoOut}),this.carouselContainer.normalHeight=t.offsetHeight,this.carouselContainer.set({opacity:this.options.carouselMinimizedOpacity,top:this.options.carouselMinimizedHeight-this.carouselContainer.normalHeight}),this.carouselBtn=(new Element("a")).addClass("").setProperties({title:this.options.textShowCarousel}).injectInside(t),this.options.carouselPreloader?this.carouselBtn.setHTML(this.options.textPreloadingCarousel):this.carouselBtn.setHTML(this.options.textShowCarousel),this.carouselBtn.addEvent("click",function(){this.carouselContainer.clearTimer(),this.toggleCarousel()}.bind(this)),this.carouselActive=!1,e=(new Element("div")).addClass("carousel").injectInside(t),this.carousel=new Fx.Styles(e)}else e=$(this.options.carouselElement).addClass("jdExtCarousel");this.carouselElement=new Fx.Styles(e,{transition:Fx.Transitions.expoOut}),this.carouselElement.normalHeight=e.offsetHeight,this.options.showCarouselLabel&&(this.carouselLabel=(new Element("p")).addClass("label").injectInside(e)),carouselWrapper=(new Element("div")).addClass("carouselWrapper").injectInside(e),this.carouselWrapper=new Fx.Styles(carouselWrapper,{transition:Fx.Transitions.expoOut}),this.carouselWrapper.normalHeight=carouselWrapper.offsetHeight,this.carouselInner=(new Element("div")).addClass("carouselInner").injectInside(carouselWrapper),this.options.activateCarouselScroller&&(this.carouselWrapper.scroller=new Scroller(carouselWrapper,{area:100,velocity:.2}),this.carouselWrapper.elementScroller=new Fx.Scroll(carouselWrapper,{duration:400,onStart:this.carouselWrapper.scroller.stop.bind(this.carouselWrapper.scroller),onComplete:this.carouselWrapper.scroller.start.bind(this.carouselWrapper.scroller)}))},fillCarousel:function(){this.constructThumbnails(),this.carouselInner.normalWidth=this.maxIter*(this.options.thumbWidth+this.options.thumbSpacing+2)+this.options.thumbSpacing+"px",this.carouselInner.style.width=this.carouselInner.normalWidth},initCarousel:function(){this.createCarousel(),this.fillCarousel(),this.options.carouselPreloader&&this.preloadThumbnails()},flushCarousel:function(){this.thumbnailElements.each(function(e){e.element.remove(),e=e.element=null}),this.thumbnailElements=[]},toggleCarousel:function(){this.carouselActive?this.hideCarousel():this.showCarousel()},showCarousel:function(){this.fireEvent("onShowCarousel"),this.carouselContainer.start({opacity:this.options.carouselMaximizedOpacity,top:0}).chain(function(){this.carouselActive=!0,this.carouselWrapper.scroller.start(),this.fireEvent("onCarouselShown"),this.carouselContainer.options.onComplete=null}.bind(this))},hideCarousel:function(){this.fireEvent("onHideCarousel");var e=this.options.carouselMinimizedHeight-this.carouselContainer.normalHeight;this.carouselContainer.start({opacity:this.options.carouselMinimizedOpacity,top:e}).chain(function(){this.carouselActive=!1,this.carouselWrapper.scroller.stop(),this.fireEvent("onCarouselHidden"),this.carouselContainer.options.onComplete=null}.bind(this))},constructThumbnails:function(){element=this.carouselInner;for(i=0;i<this.galleryData.length;i++){var e=(new Fx.Style((new Element("div")).addClass("thumbnail").setStyles({backgroundImage:"url('"+this.galleryData[i].thumbnail+"')",backgroundPosition:"center center",backgroundRepeat:"no-repeat",marginLeft:this.options.thumbSpacing+"px",width:this.options.thumbWidth+"px",height:this.options.thumbHeight+"px"}).injectInside(element),"opacity",{duration:200})).set(this.options.thumbIdleOpacity);e.element.addEvents({mouseover:function(e){e.clearTimer(),e.start(.99),this.options.showCarouselLabel&&$(this.carouselLabel).setHTML('<span class="number">'+(e.relatedImage.number+1)+"/"+this.maxIter+":</span> "+e.relatedImage.title)}.pass(e,this),mouseout:function(e){e.clearTimer(),e.start(this.options.thumbIdleOpacity)}.pass(e,this),click:function(e){this.goTo(e.relatedImage.number),this.options.thumbCloseCarousel&&this.hideCarousel()}.pass(e,this)}),e.relatedImage=this.galleryData[i],this.thumbnailElements[parseInt(i)]=e}},log:function(e){console.log&&console.log(e)},preloadThumbnails:function(){var e=[];for(i=0;i<this.galleryData.length;i++)e[parseInt(i)]=this.galleryData[i].thumbnail;this.thumbnailPreloader=new Preloader,this.thumbnailPreloader.addEvent("onComplete",function(){var e=formatString(this.options.textShowCarousel,this.currentIter+1,this.maxIter);this.carouselBtn.setHTML(e).setProperty("title",e)}.bind(this)),this.thumbnailPreloader.load(e)},clearThumbnailsHighlights:function(){for(i=0;i<this.galleryData.length;i++)this.thumbnailElements[i].clearTimer(),this.thumbnailElements[i].start(.2)},changeThumbnailsSize:function(e,t){for(i=0;i<this.galleryData.length;i++)this.thumbnailElements[i].clearTimer(),this.thumbnailElements[i].element.setStyles({width:e+"px",height:t+"px"})},centerCarouselOn:function(e){if(!this.carouselWallMode){var t=this.thumbnailElements[e],n=t.element.offsetLeft+t.element.offsetWidth/2,r=this.carouselWrapper.element.offsetWidth,i=this.carouselInner.offsetWidth,s=r/2,o=n-s;this.carouselWrapper.elementScroller.scrollTo(o,0)}},initInfoSlideshow:function(){this.slideInfoZone=(new Fx.Styles((new Element("div")).addClass("slideInfoZone").injectInside($(this.galleryElement)))).set({opacity:0});var e=(new Element("h2")).injectInside(this.slideInfoZone.element),t=(new Element("p")).injectInside(this.slideInfoZone.element);this.slideInfoZone.normalHeight=this.slideInfoZone.element.offsetHeight,this.slideInfoZone.element.setStyle("opacity",0)},changeInfoSlideShow:function(){this.hideInfoSlideShow.delay(10,this),this.showInfoSlideShow.delay(500,this)},showInfoSlideShow:function(){return this.fireEvent("onShowInfopane"),this.slideInfoZone.clearTimer(),element=this.slideInfoZone.element,element.getElement("h2").setHTML(this.galleryData[this.currentIter].title),element.getElement("p").setHTML(this.galleryData[this.currentIter].description),this.options.slideInfoZoneSlide?this.slideInfoZone.start({opacity:[0,this.options.slideInfoZoneOpacity],height:[0,this.slideInfoZone.normalHeight]}):this.slideInfoZone.start({opacity:[0,this.options.slideInfoZoneOpacity]}),this.options.showCarousel&&this.slideInfoZone.chain(this.centerCarouselOn.pass(this.currentIter,this)),this.slideInfoZone},hideInfoSlideShow:function(){return this.fireEvent("onHideInfopane"),this.slideInfoZone.clearTimer(),this.options.slideInfoZoneSlide?this.slideInfoZone.start({opacity:0,height:0}):this.slideInfoZone.start({opacity:0}),this.slideInfoZone},makeLink:function(e){this.currentLink.setProperties({href:this.galleryData[e].link,title:this.galleryData[e].linkTitle}),this.options.embedLinks&&!this.options.showArrows&&!this.options.showCarousel||this.currentLink.setStyle("display","block")},clearLink:function(){this.currentLink.setProperties({href:"",title:""}),this.options.embedLinks&&!this.options.showArrows&&!this.options.showCarousel||this.currentLink.setStyle("display","none")},flushGallery:function(){this.galleryElements.each(function(e){e.element.remove(),e=e.element=null}),this.galleryElements=[]},changeData:function(e){this.galleryData=e,this.clearTimer(),this.flushGallery(),this.options.showCarousel&&this.flushCarousel(),this.constructElements(),this.options.showCarousel&&this.fillCarousel(),this.options.showInfopane&&this.hideInfoSlideShow(),this.galleryInit=1,this.lastIter=0,this.currentIter=0,this.doSlideShow(1)},initHistory:function(){this.fireEvent("onHistoryInit"),this.historyKey=this.galleryElement.id+"-picture",this.options.customHistoryKey&&(this.historyKey=this.options.customHistoryKey()),this.history=HistoryManager.register(this.historyKey,[1],function(e){parseInt(e[0])-1<this.maxIter&&this.goTo(parseInt(e[0])-1)}.bind(this),function(e){return[this.historyKey,"(",e[0],")"].join("")}.bind(this),this.historyKey+"\\((\\d+)\\)"),this.addEvent("onChanged",function(){this.history.setValue(0,this.currentIter+1)}.bind(this)),this.fireEvent("onHistoryInited")}};gallery=new Class(gallery),gallery.implement(new Events),gallery.implement(new Options),gallery.Transitions=new Abstract({fade:function(e,t,n,r){e.options.transition=t.options.transition=Fx.Transitions.linear,e.options.duration=t.options.duration=this.options.fadeDuration,r>n?t.start({opacity:1}):(t.set({opacity:1}),e.start({opacity:0}))},crossfade:function(e,t,n,r){e.options.transition=t.options.transition=Fx.Transitions.linear,e.options.duration=t.options.duration=this.options.fadeDuration,t.start({opacity:1}),e.start({opacity:0})},fadebg:function(e,t,n,r){e.options.transition=t.options.transition=Fx.Transitions.linear,e.options.duration=t.options.duration=this.options.fadeDuration/2,e.start({opacity:0}).chain(t.start.pass([{opacity:1}],t))}});var Preloader=new Class({Implements:[Events,Options],options:{root:"",period:100},initialize:function(e){this.setOptions(e)},load:function(e){this.index=0,this.images=[],this.sources=this.temps=e,this.total=this.sources.length,this.fireEvent("onStart",[this.index,this.total]),this.timer=this.progress.periodical(this.options.period,this),this.sources.each(function(e,t){this.images[t]=new Asset.image(this.options.root+e,{onload:function(){this.index++,this.images[t]&&this.fireEvent("onLoad",[this.images[t],t,e])}.bind(this),onerror:function(){this.index++,this.fireEvent("onError",[this.images.splice(t,1),t,e])}.bind(this),onabort:function(){this.index++,this.fireEvent("onError",[this.images.splice(t,1),t,e])}.bind(this)})},this)},progress:function(){this.fireEvent("onProgress",[Math.min(this.index,this.total),this.total]),this.index>=this.total&&this.complete()},complete:function(){$clear(this.timer),this.fireEvent("onComplete",[this.images])},cancel:function(){$clear(this.timer)}});Preloader.implement(new Events,new Options);

voir l'animation ICI petite surprise pour elle !

elle
 Posté le 18/03/2015 à 18:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

C'est ça ma surprise?

Dreamer
 Posté le 18/03/2015 à 18:17 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

elle a écrit :

C'est ça ma surprise?

Jamais contente !!!

BOB DE BRETAGNE
 Posté le 18/03/2015 à 18:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

elle a écrit :

C'est ça ma surprise?

et oui, il ne faut pas avoir peur de java

et mon ami Dreamer, une piste ?



Modifié par BOB DE BRETAGNE le 18/03/2015 18:35
elle
 Posté le 18/03/2015 à 18:41 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Java (et non JavaScript) est toujours désactivé sur tous mes navigateurs!

BOB DE BRETAGNE
 Posté le 18/03/2015 à 19:20 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

elle a écrit :

Java (et non JavaScript) est toujours désactivé sur tous mes navigateurs!

fait moi plaisir elle active pour cette Anim, juré craché je n'ai pas mis de code malicieux



Modifié par BOB DE BRETAGNE le 18/03/2015 19:20
Dreamer
 Posté le 18/03/2015 à 23:03 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Nom d'un petit bonhomme, j'ai failli tomber de la chaise tellement ma surprise fut grande à l'arrivée de cette douce musique !!

Publicité
Pages : [1] 2 ... Fin
Page 1 sur 2 [Fin]

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
27,99 €Pack Amazon Echo Dot + 2 ampoules connectées LED E27 Philips Hue à 27,99 €
55 € -49%

Amazon fait une promotion sur le pack comprenant une enceinte connectée Amazon Echo Dot (3ème génération) + deux ampoules connectées LED E27 Philips Hue à 27,99 € au lieu de 55 € seulement. Avec ce pack, vous pourrez contrôler l'éclairage de vos ampoules à la voix, créer des routines, etc.


Voir l'offre
1056,28 €Ecran PC incurvé 49 pouces Samsung Odyssey G9 C49G95TSSU (DWQHD, QLED 240 Hz, 1 ms) à 1056,28 €
1349 € -22%

Amazon Allemagne fait une promotion sur l'écran PC incurvé 49 pouces Samsung Odyssey G9 C49G95TSSU qui passe à 1027,56 €. Comptez 28,72 € pour la livraison en France soit un total de 1056,28 € livré au lieu de 1349 €. Cet écran possède une dalle incurvée 1000R avec une fréquence de 240 Hz (FreeSync et Gsync compatible), offre une résolution DWQHD (5120x1440) et un temps de réponse de 1 ms.


Voir l'offre
70,99 €Caméra de sécurité connectée Blink Outdoor + écran Echo Show 5 à 70,99 €
150 € -53%

Amazon fait une belle promotion sur un pack comprenant sa caméra de sécurité connectée Blink Outdoor et son écran déporté Echo Show 5 qui passe à 70,99 € livrée gratuitement au lieu de 150 € habituellement. 


Voir l'offre
55,99 €Caméra de sécurité connectée Blink Outdoor à 55,99 €
90 € -38%

Amazon fait une belle promotion sur sa caméra de sécurité connectée Blink Outdoor qui passe à 55,99 € livrée gratuitement au lieu de 90 € habituellement. Gardez l'esprit tranquille avec cette caméra polyvalente sans fil pour l'extérieur, dotée d'une autonomie de 2 ans (piles au lithium fournies), d’un système audio bidirectionnel, de la détection de mouvements personnalisable, de la vision nocturne infrarouge et de l’enregistrement en direct en Full HD 1080p dans le cloud (via un abonnement) ou en local (en branchant directement un périphérique de stockage USB sur la base de synchronisation fournie).

Cette caméra est accompagnée d'un module de synchronisation (avec votre réseau WiFi) et fonctionne directement. Notez que des lots de plusieurs caméras sont également en promotion : 2 caméras à 99,99 € (49,99 € par caméra), 3 caméras à 134,99 € (44,99 € / caméra) et 4 caméras (+ 1 sonnette connectée offerte) à 169,99 € (42,49 € / caméra).


Voir l'offre

Sujets relatifs
animation gif sous vista pour un site
Animation pour mon site
Récupérer une animation flash sur un site
commet inseré une animation sur mon site
Aspirer un site avec animation flash incluse ?
aide site perso
hebergeur de site
Redirection de site web
Avis site allorigin.fr : chercher des idées de bons films
Bouton RSS automatique dans page annonce Google site
Plus de sujets relatifs à animation sur site
 > Tous les forums > Forum Forum des Webmasters