IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Symfony PHP Discussion :

Gestion des bannières animés avec JQuery


Sujet :

Symfony PHP

  1. #1
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Novembre 2013
    Messages
    739
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Novembre 2013
    Messages : 739
    Points : 1 022
    Points
    1 022
    Par défaut Gestion des bannières animés avec JQuery
    Bonjour,
    j'essaie d'ajouter à mon site des publicités animées que je gère à partir du backoffice .
    Apres avoir ajouté l'éditeur de texte Full IvoryCKEditorBundle .
    Dans la vue je mets
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
           <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
           <div id="loaderImage"></div>      <script type="text/javascript">{{publicite.image}}</script>
    ça m'affiche rien !! pourtant dans la colonne image je vois le script que j'ai inseré .

    le code statique est :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <div id="dvData">
    	<div>	 
    			<div id="loaderImage"></div>
    	</div>
    </div>
     <script type="text/javascript">
     var cSpeed=14;
    	var cWidth=515;
    	var cHeight=185;
    	var cTotalFrames=8;
    	var cFrameWidth=50;
    	var cImageSrc='http://www.sosiphone.com/blogiphone/wp-content/uploads//2011/02/Pac-Man-banniere.jpg';
     
    	var cImageTimeout=false;
    	var cIndex=0;
    	var cXpos=0;
    	var cPreloaderTimeout=false;
    	var SECONDS_BETWEEN_FRAMES=0;
     
    	function startAnimation(){
     
    		document.getElementById('loaderImage').style.backgroundImage='url('+cImageSrc+')';
    		document.getElementById('loaderImage').style.width=cWidth+'px';
    		document.getElementById('loaderImage').style.height=cHeight+'px';
     
    		//FPS = Math.round(100/(maxSpeed+2-speed));
    		FPS = Math.round(100/cSpeed);
    		SECONDS_BETWEEN_FRAMES = 1 / FPS;
     
    		cPreloaderTimeout=setTimeout('continueAnimation()', SECONDS_BETWEEN_FRAMES/1000);
     
    	}
     
    	function continueAnimation(){
     
    		cXpos += cFrameWidth;
    		//increase the index so we know which frame of our animation we are currently on
    		cIndex += 1;
     
    		//if our cIndex is higher than our total number of frames, we're at the end and should restart
    		if (cIndex >= cTotalFrames) {
    			cXpos =0;
    			cIndex=0;
    		}
     
    		if(document.getElementById('loaderImage'))
    			document.getElementById('loaderImage').style.backgroundPosition=(-cXpos)+'px 0';
     
    		cPreloaderTimeout=setTimeout('continueAnimation()', SECONDS_BETWEEN_FRAMES*1000);
    	}
     
    	function stopAnimation(){//stops animation
    		clearTimeout(cPreloaderTimeout);
    		cPreloaderTimeout=false;
    	}
     
    	function imageLoader(s, fun)//Pre-loads the sprites image
    	{
    		clearTimeout(cImageTimeout);
    		cImageTimeout=0;
    		genImage = new Image();
    		genImage.onload=function (){cImageTimeout=setTimeout(fun, 0)};
    		genImage.onerror=new Function('alert(\'Could not load the image\')');
    		genImage.src=s;
    	}
     
    	//The following code starts the animation
    	new imageLoader(cImageSrc, 'startAnimation()');
    </script>
    merci d'avance .

  2. #2
    Membre expert
    Avatar de dukoid
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2012
    Messages
    2 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 100
    Points : 3 004
    Points
    3 004
    Par défaut
    c'est pas un problème Symfony !!

    toutes les bibliothèques javascript nécessaire sont bien chargés ?



    pour ma part j'utilise pas les ckeditor que je trouve être lourdingue.


    je préfère utiliser l’éditeur de bootstrap plus léger (même si légèrement moins de fonctionnalités)

Discussions similaires

  1. Cherche Script PHP de gestion des Banniéres
    Par katouzo dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 7
    Dernier message: 19/12/2007, 20h35
  2. Bannière animée avec pourcentage
    Par Maria1505 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 03/06/2007, 12h04
  3. Réponses: 3
    Dernier message: 13/08/2004, 18h52
  4. [TP]Gestion des images bmp avec BMP.TPU
    Par Gabi dans le forum Turbo Pascal
    Réponses: 9
    Dernier message: 14/05/2004, 23h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo