Въпрос свързан с ротация

[ventsi34]

Здравейте, искам да попитам дали чрез JavaScript или AJAX може да се направи ротация така, че ако имам едно цвете, а листата му представляват меню като кликна върху едно от листата му то да се завърта до определено място където ще излиза подменюто?

 

[relax15pyt]

По-скоро Flash

 

[ventsi34]

Знам, че с флаш става но аз не искам да е с флаш. Искате да кажете, че JavaScript не може да завърти една снимка?

 

[relax15pyt]

Ако има начин то той ще е тежко начинание за сайта.

 

[sharky_design]

Както каза relax15pyt с флаш става това което искаш. Иначе и с JavaScript може да се направи, обаче с флаша ще е по-добре..

 

[shterev]

Може и с javascript, но не знам дали има човек във форума който да го направи това, защото не е прост js а поне някоя друга библиотека трябва да се ползва, не само jquery

 

[lam3r4370]

http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/
С animate няма ли да стане?
http://sixrevisions.com/javascript/10-awesome-techniques-and-examples-of-animation-with-jquery/

 

[shterev]

http://raphaeljs.com/text-rotation.html с това ще стане Но трябва да се настрои

 

[Fakeheal]

Може да пробваш това :

<html>
  <head>
  <title></title>
  </head>
  
  <body>
  <img src="" name="Rotating" id="Rotating1" width=100 height=100>
  <img src="" name="Rotating" id="Rotating2" width=100 height=100>
  
  
  <script language="JavaScript">
  var ImageArr1 = new Array("Picture(3).jpg","Picture(1).jpg","Picture(2).jpg");
  var ImageHolder1 = document.getElementById('Rotating1');
  
  var ImageArr2 = new Array("Picture(5).jpg","Picture(6).jpg","Picture(7).jpg");
  var ImageHolder2 = document.getElementById('Rotating2');
  
  function RotateImages(whichHolder,Start)
  {
  	var a = eval("ImageArr"+whichHolder);
  	var b = eval("ImageHolder"+whichHolder);
  	if(Start>=a.length)
  		Start=0;
  	b.src = a[Start];
  	window.setTimeout("RotateImages("+whichHolder+","+(Start+1)+")",1500);
  }
  
  RotateImages(1,0);
  RotateImages(2,0);
  
  </script>
  
  </body>
  </html>