I need a emca javascript function in which there is only 1 button that rotates an image 180 degrees. there are multiple images, each image can reside inside there own individual div id. the user selects which div image they want, and then click on the rotate button to rotate it to 180, if they click on the rotate button again, it will set the image back to its started position. will pay $200 dollars (email me at smartist101@yahoo.com if you feel you can do it.) <style type="text/css" media="all"> #image1 {height: 100px; width: 75px; margin: 10px; float: left;} #image2 {height: 100px; width: 75px; margin: 10px; float: left;} #image3 {height: 100px; width: 75px; margin: 10px; float: left;} #image4 {height: 100px; width: 75px; margin: 10px; float: left;} #image5 {height: 100px; width: 75px; margin: 10px; float: left;} #image6 {height: 100px; width: 75px; margin: 10px; float: left;} #image7 {height: 100px; width: 75px; margin: 10px; float: left;} #image8 {height: 100px; width: 75px; margin: 10px; float: left;} </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/180.gif" width="25" height="25" alt="rotate button" /></td> </tr> <tr> <td> <div id="image1"><img src="image1.jpg"></div> <div id="image2"><img src="image2.jpg"></div> <div id="image3"><img src="image3.jpg"></div> <div id="image4"><img src="image4.jpg"></div> <div id="image5"><img src="image5.jpg"></div> <div id="image6"><img src="image6.jpg"></div> <div id="image7"><img src="image7.jpg"></div> <div id="image8"><img src="image8.jpg"></div> </td> </tr> </table> </body>
Wait, you're just wanting it to basically take the 8 images you have in there, you click a button, and it switches it to 8 other ones, and then back again?
you select 1 div at a time, and you click the rotate button, that one specific div will rotate 180. the rotate button has to work on all the other div, but you can only rotate 1 at a time, or rotate it back to the original.
not slide 180 degree rotation, the image turns upside down. you need to show the image is selected, like a blue border around it (can be done with css) and click on the rotate 180 degree button and it will rotate 180 degrees, if you want to rotate it back click on the same button again. so each div image needs to be able to rotate.
Are you code-savvy to where I could explain the technique, or are you actually wanting someone to put it into your script?
Hit me up with a PM or check my profile for my contact information, but I'd be glad to help you out with this.
you should really check this post out it does nearly 50% of your work http://forums.digitalpoint.com/showthread.php?t=887722