Est-il possible de faire tourner une Div en rotation cyclique en utilisant javascript. J'ai quatre DIV dans une page HTML. J'ai besoin de faire pivoter ces DIV dans une rotation cyclique.Div Déplacement en rotation de cycle en utilisant Javascript
Si c'est possible dites-le moi maintenant. C'est urgent.
cela pourrait éventuellement être fait ... mais pas facilement, et vous ne seriez pas en mesure de maintenir la sensation d'origine du contenu à l'intérieur de la div.
à moins que j'aie mal compris votre question, si vous parlez juste de faire du vélo à travers 4 divs ... c'est défiant possible et très facile. Mais si vous demandez si vous pouvez faire pivoter le div réel ...
yes.cycling la div. si vous avez envoyé ce code plz – kumar
Ravi, s'il vous plaît prendre une minute pour écrire votre question plus clairement et avec plus de détails. Votre commentaire ici ne répond pas vraiment à la question du Tchad. Voulez-vous afficher tour à tour chacune des quatre DIV ou voulez-vous faire pivoter le contenu d'une DIV, ou autre chose? –
Salut Paul, Voici le lien http://www.avineon.com/ .open ce lien voir sur le dessus. quatre images tournent de la même manière dont j'ai besoin d'utiliser javascript. – kumar
Vous pouvez utiliser la bibliothèque JavaScript Raphaël pour accomplir quelque chose comme ceci.
Steve
c'est une bibliothèque impressionnante, seul inconvénient est que ce n'est pas un navigateur croisé, car la plupart des navigateurs se sont tenus hors de l'implémentation de SVG. Toutes les principales versions de navigateur actuelles prennent en charge SVG. –
Vous pouvez probablement tester le support SVG dans IE et leur montrer où ils ont besoin de télécharger le plugin adobe qui fait fonctionner votre site. –
Je ne sais pas, je comprends la question, mais jeter un regard sur le 'cycle' plugin jQuery: http://www.malsup.com/jquery/cycle/
Il est en fait pas difficile:
function moveDiv(t,mdiv) {
t = t + 0.05; // "time"
var r = 10, //radius of circle
xcenter = 400, //x location of circles centre on screen
ycenter = 400, //y location of circles centre on screen
x = Math.floor(xcenter + (r * Math.cos(t))), //circles parametric function
y = Math.floor(ycenter + (r * Math.sin(t))); //circles parametric function
mDiv.style.top = x + "px"; //set divs new coordinates
mDiv.style.left = y + "px"; //set divs new coordinates
setTimeout(function() { //make sure the animation keeps going
moveDiv(t,mdiv);
}, 100);
}
myDiv = //get div element
moveDiv(1,myDiv); //start the animation
ai pas testé, mais c'est à propos de comment cela devrait fonctionner. Assurez-vous que vous définissez la propriété css "position" de ces divs sur absolue ou fixe. Jetez également un coup d'oeil à parametric equation pour le cercle.
Veuillez formater votre question en texte normal; il semble que vous l'ayez formaté comme un bloc de code (ce qui n'est pas le cas!). –