Manipulating (Rotating) an Image with a button in Java

I'm trying to display an image in a BorderLayout, and also I want a button on the layout that, when pressed, will rotate the image. I'm not sure how to create an image and be able to add it to a JFrame because when I do so, using something like:
Image img = new Image("myPic.gif");
myFrame.add(img, BorderLayout.CENTER);
I just end up getting a compiler error. I could use a seperate class and draw the image in the paintComponent method, but I'm not sure how I add both the image and a button with which I can manipulate the image in the same class (I am assuming I need to use an ActionListener on the button to control the image, and if this is the case I am assuming they need to be in the same class). Can someone point me in the right direction here?
Thanks,
Alex
[email protected]

put the image in a JPanel subclass as you mention above and have a public method in this class that rotates the image. Then just have the button call this object's rotate method. OOP to the rescue.

Similar Messages

Rotating JPEG images with feh [SOLVED]

A funny thing happened to me using feh today.
It seems it can't rotate JPEG images 90 degrees (neither clockwise, nor counterclockwise). Whenever I try (with different files), feh dies with the following error message:
Bogus virtual array access
It can do it if it's 180 degrees. It can also rotate PNG images 90 and 180 degrees without any problem.
Did someone else experience this? Is the new libjpeg to blame? Should I open a bug report?
Last edited by megadriver (2010-03-05 06:56:25)

I'm not sure feh is actively developed/maintained any more, but you could email the author* - I'm sure he'd fix something like this. If indeed it is a bug (of course). Can't check myself, yet - will do later.
Meantime check imagemagick (and the convert command), if you need an alternative.
* though I'd be happy if I was wrong.

Problems with manipulating an SVG image with JavaScript.

I've created a website where I'm using jQuery to clone and manipulate SVG content to create multiple different images within the page (I'm also making use of Keith Wood's SVG libraries to help make jQuery work with SVG).
http://httpflies.com/
This seems to be working fine initially. However, when a user clicks the graphic I then clone the clicked graphic and place that in another part of the page. At this point part of SVG content is lost. The SVG contains a number of vectors and a bitmap (for a drop-shadow). The vectors all disappear but the bitmap remains.
I've checked it out in the dev tool and the SVG content is being cloned (it seems) and can be inspected and Firefox seems to think it's in the correct part of the page etc. Yet it's not visible.
In terms of the jQuery involved it's just this:
$('#'+hash).clone().attr('id','').prependTo(targetElement);
It works fine in Chrome, Safari and Opera but I'm looking at FF 24.0 on Mac and FF 23 on Win7 and both are doing the same thing. I'm getting no errors in the console either! :-S
Thanks in advance to anyone who can shed some light ;-)

OK this was simply down to me not being careful enough about making sure the ID's I was using in the SVG (to define gradients etc) weren't remaining unique across all the cloning and appending.
That's not just the ID's of the SVG elements themselves but the <lineargradient> elements within those SVG elements which I was referencing from within those same SVG's.
Seems like some debugging tools related to this kind of thing would be useful as it wasn't really clear that this was the problem. Just to know that there are multiple identical ID's within a DOM would be very useful.
Anyway sorry about wasting anyone's time and if you have a similar problem, think about those ID's! ;)

Rotating Image with Fade Effect

Ok looking to rotate an image with a fade effect; below is a rotating image code.
(Wanting this effect to be transitional and smooth. Transparency? Opacity?)
<script language="JavaScript">

</script>
Any ideas?

Here is the script I finally got working! It would have not came to me without your help guys!
<script>
var pictureWebPartName="Pictures"; // name of the picture library web part
var showThumbnails = true; //otherwise show full sized images
var randomImg = true; //set to true to show in random order
var useCustomLinks = false; //true to use second column as URL for picture clicks
var RotatingPicturesLoopTime = 5000; //2000 = 2 seconds
var imgToImgTransition = 1.0; //2 = 2 seconds
// don't change these
var selectedImg = 0;
var imgCache = [];
var imgTag;
function RotatingPictures()
imgTag = document.getElementById("RotatingImage");
//Find the picture web part and hide it
var Imgs = [];
var x = document.getElementsByTagName("TD"); // find all of the table cells
var LinkList;
var i=0;
for (i=0;i<x.length;i++)
if (x[i].title == pictureWebPartName)
// tables in tables in tables... ah SharePoint!
LinkList = x[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
// hide the links list web part
LinkList.style.display="none";
break;
if (!LinkList)
document.all("RotatingImageMsg").innerHTML="Web Part '" + pictureWebPartName + "' not found!";
//Copy all of the links from the web part to our array
var links = LinkList.getElementsByTagName("TR") // find all of the rows
var url;
var len;
for (i=0;i<links.length;i++)
//if (links(i).id.match("row")!=null)
if (links[i].childNodes[0].className=="ms-vb2")
len=Imgs.length
Imgs[len]=[]
Imgs[len][0] = links[i].childNodes[0].childNodes[0].href;
if (useCustomLinks)
if (links[i].childNodes[1].childNodes.length>0)
{ Imgs[len][1] = links[i].childNodes[1].childNodes[0].href; }
else
{ Imgs[len][1] = "" }
if (Imgs.length==0)
document.all("RotatingImageMsg").innerHTML="No images found in web part '" + pictureWebPartName + "'!";
for (i = 0; i < Imgs.length; i++)
imgCache[i] = new Image();
imgCache[i].src = Imgs[i][0];
if (useCustomLinks)
imgCache[i].customlink=Imgs[i][1];
RotatingPicturesLoop();
// now show the pictures...
function RotatingPicturesLoop()
if (randomImg)
selectedImg=Math.floor(Math.random()*imgCache.length);
if (document.all){
imgTag.style.filter="blendTrans(duration=" + imgToImgTransition + ")";
imgTag.filters.blendTrans.Apply();
url=imgCache[selectedImg].src
if (useCustomLinks)
{ RotatingImageLnk.href=imgCache[selectedImg].customlink; }
else
{ RotatingImageLnk.href = url; }
if (showThumbnails)
// convert URLs to point to the thumbnails...
// from airshow%20pictures/helicopter.jpg
// to airshow%20pictures/_t/helicopter_jpg.jpg
url = revString(url);
c = url.indexOf(".");
url = url.substring(0,c) + "_" + url.substring(c+1,url.length);
c = url.indexOf("/");
url = url.substring(0,c) + "/t_" + url.substring(c,url.length);
url = revString(url) + ".jpg";
imgTag.src = url;
if (document.all){
imgTag.filters.blendTrans.Play();
selectedImg += 1;
if (selectedImg > (imgCache.length-1)) selectedImg=0;
setTimeout(RotatingPicturesLoop, RotatingPicturesLoopTime);
// utility function revString found here:
// http://www.java2s.com/Code/JavaScript/Language-Basics/PlayingwithStrings.htm
function revString(str) {
var retStr = "";
for (i=str.length - 1 ; i > - 1 ; i--){
retStr += str.substr(i,1);
return retStr;
// add our function to the SharePoint OnLoad event
_spBodyOnLoadFunctionNames.push("RotatingPictures");
</script>

<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height="125" width="160" align="center" valign="middle">
<a name="RotatingImageLnk" id="RotatingImageLnk" alt="click for larger picture">
<img src="/_layouts/images/dot.gif" name="RotatingImage" id="RotatingImage" border=0>
</a>
<span name="RotatingImageMsg" id="RotatingImageMsg"></span>
</td>
</tr>
</table>
</center>
Thanks again guys!

Rotate an image after clicking two times on reference points on the picture

Hello Community!
I am looking for a solution to rotate an image by clicking on two reference points on the image. The two coordinate pairs of the mouse clicking can give me the rotation angle with simple geometry. After that I will rotate the image with the calculated angle.
My problem is: How can I get those two coordinate pairs? I wanted to do it with an easy MatlabScript "input: path ... imread(path) ... imshow ... ginput(2) ... calculation ...output: angle". Apparently imshow doesnt work in Labview
I already have the Mouse Down event but I dont know how I can make Labview let me click EXACTLY and ONLY two times on my picture and store the coordinates.
Does anyone of you have a glue/ hint how to do that?
Best,
Annki
(Started LabView 2 weeks ago)
Solved!
Go to Solution.

Hi Annkitranky,
welcome to the forum!
Here is one that works well: http://en.wikipedia.org/wiki/Cyanoacrylate (Sorry, I couldn't resist...)
Check this out: http://forums.ni.com/t5/LabVIEW/Using-mouse-click-to-return-image-coordinates/m-p/890731 and http://forums.ni.com/t5/LabVIEW/How-to-find-cursor-position-on-an-image-in-LabVIEW/m-p/1862495 There is a suggestion not marked as a solution, but I think it is: see last posts there; User Event Structure with the position reported implicitly. Further, I would put the Event Structure in the While Loop, where I wait for user input, collect the user inputs and finish (execute rotation on a two-element array).
If you have a code or something, post it.
Cheers

Rotate both image and a panel drawan on it

Hi all,
I need to perform this task:
1. Display an image on the screen
2. Position a Jpanel on the image
3. Rotate the Image with the help of mouse
4. JPanel should be rotated accordingly.
I need help regarding the classes to use to perform it.
Thanks in advance,

import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
import java.awt.image.BufferedImage;
import java.io.*;
import javax.imageio.ImageIO;
import javax.swing.*;
import javax.swing.event.MouseInputAdapter;
public class SpinningContext extends JPanel {
    BufferedImage image;
    double theta = 0;
    SpinningContext(BufferedImage image) {
        this.image = image;
        setLayout(null);
        JPanel panel = new JPanel();
        panel.setBackground(Color.red);
        Dimension d = getPreferredSize();
        int w = 40;
        int h = 50;
        int x = (d.width - w)/2;
        int y = (d.height - h)/2;
        panel.setBounds(x, y, w, h);
        add(panel);
    protected void paintComponent(Graphics g) {
        int w = getWidth();
        int h = getHeight();
        int x = (w - image.getWidth())/2;
        int y = (h - image.getHeight())/2;
        g.drawImage(image, x, y, this);
    public void paint(Graphics g) {
        Graphics2D g2 = (Graphics2D)g;
        Rectangle r = getBounds();
        g2.setColor(getBackground());
        g2.fill(r);
        double x = r.getCenterX();
        double y = r.getCenterY();
        AffineTransform at = AffineTransform.getRotateInstance(theta, x, y);
        g2.setTransform(at);
        super.paint(g);
    public Dimension getPreferredSize() {
        return new Dimension(400,400);
    public void setTheta(double theta) {
        this.theta = theta;
        repaint();
    public static void main(String[] args) throws IOException {
        String path = "images/geek/geek----t.gif";
        BufferedImage image = ImageIO.read(new File(path));
        SpinningContext test = new SpinningContext(image);
        ContextSpinner spinner = new ContextSpinner(test);
        test.addMouseListener(spinner);
        test.addMouseMotionListener(spinner);
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(test);
        f.pack();
        f.setLocation(200,200);
        f.setVisible(true);
class ContextSpinner extends MouseInputAdapter {
     SpinningContext component;
     Point2D.Double center = new Point2D.Double();
     boolean dragging = false;
     double theta;
    ContextSpinner(SpinningContext sc) {
        component = sc;
    public void mousePressed(MouseEvent e) {
        Rectangle r = component.getBounds();
        center.setLocation(r.getCenterX(), r.getCenterY());
        theta = getTheta(e.getPoint());
        dragging = true;
    public void mouseReleased(MouseEvent e) {
        dragging = false;
    public void mouseDragged(MouseEvent e) {
        if(dragging)
            component.setTheta(getTheta(e.getPoint())-theta);
    private double getTheta(Point p) {
        double dy = p.y - center.y;
        double dx = p.x - center.x;
        return Math.atan2(dy, dx);
}Image from:
http://java.sun.com/docs/books/tutorial/uiswing/examples/components/index.html

Touch move base rotating Wheel Image

Hello Anybody,
I have an application and developing for iPhone OS 2.2 . I use UIImageView and I want rotating my image with touch move position .
I load image into the view that like image is 'Span Wheel'. When i Touch move on the image it is rotating on Touch move position with speed of touch.
When I touch move low speed it will rotating short then stop automatically speed of touch move. If it is possible for do that.....
Any another way for do that ... Any default method availabe in the Objective -C
Could any one help for me . I am very confuse this concept .. Please give me solution with example....... I am new iPhone developer programmer ........
I am trying below the way..
- (void)touchesBegan:(NSSet*)touches withEvent:(UIEvent*)event
timerIsCountingDown = NO;
currentTimerValue = 0;
NSArray *myTouches = [[event touchesForView:self] allObjects];
UITouch *t = [myTouches objectAtIndex:0];
Begantime = t.timestamp;
CGPoint pointInView = [[touches anyObject] locationInView:self];
touchXStart = pointInView.x;
touchYStart = pointInView.y;
- (void)touchesMoved:(NSSet*)touches withEvent:(UIEvent*)event
degree = [self angle:touchXStart y0:touchYStart x1:touchXEnd y1:touchYEnd];
timerIsCountingDown = YES;
[UIView beginAnimations:nil context:NULL];
[UIView setAnimationBeginsFromCurrentState:YES];
//[UIView setAnimationDuration:0.05];
[UIView setAnimationDelegate:self];
[UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
// timer = [NSTimer scheduledTimerWithTimeInterval: 0.02 target: self selector:@selector(hadleTimer:) userInfo: nil repeats: YES];
angle += 10;
// if (angle > 6.283)
// angle = 0;
CGAffineTransform transform=CGAffineTransformMakeRotation(angle);
imageView.transform = transform;
imageView.alpha = 1.0;
[UIView commitAnimations];
- (void)touchesEnded:(NSSet*)touches withEvent:(UIEvent*)event
NSArray *myTouches = [[event touchesForView:self] allObjects];
UITouch *t = [myTouches objectAtIndex:0];
Endtime = t.timestamp;
CGPoint pointInView = [[touches anyObject] locationInView:self];
touchXEnd = pointInView.x;
touchYEnd = pointInView.y;
CGFloat time = Begantime - Endtime;
CGFloat speed = distance / time;
NalaN

There is a gravity behavior applied to the cell, change that to a positive numer.
Peter

Rotating an image gives black edges, How can I make the edges white?

Hi I used the following code to rotate an image:
// The "ShiftImageByDegrees" class.
import java.awt.*;
import java.awt.image.*;
import java.io.*;
import java.awt.image.renderable.*;
import javax.imageio.ImageIO;
import javax.media.jai.*;
import hsa.Console;
public class ShiftImageByDegrees
    static Console c;           // The output console
    public static RenderedOp rotate (RenderedImage image, double ang)
        ParameterBlock pb = new ParameterBlock ();
        pb.addSource (image);
        pb.add ((float) (image.getWidth ()) / 2);
        pb.add ((float) (image.getHeight ()) / 2);
        pb.add ((float) ang);
        return JAI.create ("rotate", pb);
    public static void main (String[] args)
        c = new Console ();
        // Doing for every single image:
        File folder = new File ("Images/");
        File[] listOfFiles = folder.listFiles ();
        for (int i = 0 ; i < listOfFiles.length ; i++)
            if (listOfFiles .isFile ())
c.println ("Image: " + listOfFiles [i].getName ());
try
// Load Image:
String imageName = "";
RenderedImage image = ImageIO.read (new File ("Images/" + listOfFiles [i].getName ()));
RenderedImage outputImage = rotate (image, 0.03490658503988659);
ImageIO.write (outputImage, "bmp", new File ("hello.bmp"));
catch (IOException e)
// Place your program here. 'c' is the output console
} // main method
} // ShiftImageByDegrees class
The above code goes to a directory named Images and finds any images and rotates it by 2 degrees (i.e. 0.03490658503988659 radians) and writes them as hello. The rotate method gives the image correctly rotated but the problem is that the edges are black. I would like to make the edges white. The edges are defaulted as black I assume but is there a way I can change that to white?

Never mind. Solved it by negating the source image first.

Using Javascript to rotate images with the style.backgroundImage property & I leave the onload pg & return, the images have trouble loading.

I'm using Javascript to rotate background images -->
function rotateImages() {
setInterval("startRotator()", 7000);
var counter = 0;
function startRotator() {
var images = ["images/finance1.jpg","images/finance2.jpg","images/finance3.jpg","images/finance4.jpg","images/finance5.jpg","images/finance6.jpg"];
if( counter >= images.length ) {
counter = 0;
var image = "url('" + images[counter] + "')";
counter++;
document.body.style.backgroundImage=image;
The script is triggered by the load event when the homepage loads and the script only runs on the homepage. Everything works fine upon opening the homepage.
If I leave the home page and return, the images will have trouble loading for about 3 to 5 cycles and I'll get white backgrounds for part of the time. The same thing happens if I enter the site from a page other than the homepage and then go to the homepage.
I discovered, however, that if I enter the site at the homepage and then leave the homepage and return using the back button, everything runs fine. Apparently it then accesses a cached version of the homepage? Seems having two cached versions creates a conflict?
This problem only happens with Firefox (I have ver 29.0.1). It does not happen on IE ver 11, Chrome ver 34, or Safari ver 5.1.7.
I get the same problem with XP, Win7, and Win8 but, only on Firefox.
Can you please fix this?

Hey, I am trying to reproduce this here: [http://jsfiddle.net/u3TLb/]
Mozillazine forums and the [http://webcompat.com] are more specialized in Web Compatibility, please ask there as well.

How can I rotate an image in iAd by clicking on a button?

I wan't to create a iBooks Author Widget with an image (asset, protractor) that will rotate when I click a button (object).
The rotation angle must be adjustable by a TextField.
Please help me with this, my JavaScripts skills let me a bit down on this...
With Regards, Tom
So, the protractor (in dutch Geodriehoek) must rotate as I click on the button.

Hey Tom,
In addition to the spin action, you can use a bit of javascript to apply a transform to any object on a page to set an arbitrary angle and doing it within a transition, you can smoothly animate the rotation.
Given a page with an object subclassed from view - like your ImageView - and a couple of buttons, you can trap the button taps and within the onViewActivate code look at the current transform (rotation) value of the object and increment it by plus or minus 1 to rotate in either direction.
The increment button would have something like:
this.onViewActivate = function (event) {
          // Code here for the "Activated" event.
     // myView is the outlet name of the object on the page I want to rotate
   var myView = this.viewController.outlets.view;
   var newValue = null;
     // see if the object has any transform (rotation) to begin with
    if (myView._transform == "none") {
        newValue = "rotateZ(0deg)";
    else {
          // parse the existing transform to get the current value
        var start = myView._transform.indexOf('(') + 1 ;
        var end = myView._transform.indexOf('deg)');
        var value = myView._transform.substring(start,end);
          // increment the value
        newValue = "rotateZ(" + ++value + "deg)";
   var myAngleTransition = new iAd.Transition({
        target : myView,
        properties : ['transform'],
        from : [myView._transform],
        to : [newValue],
        duration : [1.5]
    myAngleTransition.start();
and the decrement button would have the same code with "++value" changed to "--value". This sample steps by 1 as well but you can add smaller values to value if you want finer control/
There's probably many more elegant ways to do this but this works none the less.
Cheers,
-Mark

Script to rotate image 'attached' to button

I'm very new to the business of creating interactive forms, having only just figured out how to get the script editor to appear.
But to the point, I've created a form with twenty plus pages, each page contains an 'image field' for the end user to click on which allows them to submit a series of pictures.
The form is in Portrait orientation, but some of the images will be in Landscape orientation, ('best fit' means that the image is smaller and only takes up the top half of the image space). What I am looking for is to create a 'rotate image' button on each page that allows the end user to click it and have the image rotate through 90 degrees (within the image field) if they what to, leaving the page orientation in Portrait. (The viewer will have to turn their head sideways, but at least the image will be larger and more detailed)
Currently the advice is that they 'rotate' the image first using any familiar software, and then select it for the form.
This is a 'nicety' as far as the form is concerned, but it would give it a finishing touch. Any advice/ideas?

Ah, pguerett, this is probably exactly the TYPE of thing the user is looking for. I just tested it out. However, I see two problems with it.
1) The button only works once. So if you click it to rotate and then decide you liked it the other way, if you click the button again it does nothing.
2) It doesn't resize the image. If I insert a "Landscape oriented" picture it resizes it to be proportional to the size of the portrait oriented field. Click the button to rotate it 90 degrees. It rotates the picture so that it is sideways, but it does not resize the image to now be porportional to the long-edge of the field. I hope I'm making sense.
I would definitely like to see a solution to this one, since I have a form I will be working on very soon that could benefit from having this.

Rotating Image With Reflections

A few years back I bought a manual for Director 6.0. In the
back of the manual there was a demo disc showing some samples of
other people's work. One of the samples was called Big Top. It was
a totating logo in shinny gold, and as it rotated, you would see
reflections of objects and light on the surface. At one Time I
asked how it was done, and was told that an ap called RayDream
Designer could do it. I was told that in that ap, you could draw a
3D room, with the four walls, floor and ceiling, and when you
placed an object in the center of the room and rotated it, you
would end up with a rotating image with the reflection from the
walls. I never tried it, and long ago RayDream Designer stopped
being supported. Recently, I was told that the same thing could be
done with Photoshop or Flash, but I have not figured out how it is
done. What I want to do, is create a 3D image of a logo in gold,
chrome, or somethign reflective, and have it rotate with the
reflections as it rotates. I have seen similar thing on TV
commercials, but I think I need a little help on figuring out how
this is done.

A few years back I bought a manual for Director 6.0. In the
back of the manual there was a demo disc showing some samples of
other people's work. One of the samples was called Big Top. It was
a totating logo in shinny gold, and as it rotated, you would see
reflections of objects and light on the surface. At one Time I
asked how it was done, and was told that an ap called RayDream
Designer could do it. I was told that in that ap, you could draw a
3D room, with the four walls, floor and ceiling, and when you
placed an object in the center of the room and rotated it, you
would end up with a rotating image with the reflection from the
walls. I never tried it, and long ago RayDream Designer stopped
being supported. Recently, I was told that the same thing could be
done with Photoshop or Flash, but I have not figured out how it is
done. What I want to do, is create a 3D image of a logo in gold,
chrome, or somethign reflective, and have it rotate with the
reflections as it rotates. I have seen similar thing on TV
commercials, but I think I need a little help on figuring out how
this is done.

Unable to rotate raw images in bridge, rotate buttons grayed out?

Unable to rotate raw images in bridge, rotate buttons grayed out?
Bridge 5.0.2.4.

There is an ignore EXIF setting Preferences. I can't remember if that is Bridge or Photoshop, but IIRC it is for DNG files.
Right. Check Photosho > Preferences > File handling and make sure 'Ignore EXIF tag, is not checked. I think that might do it, so long as it refers to sidecare files, because only RAW files would have one.

Can I create a rotating image with sevaral images in Photoshop?

I was wondering if I can create a rotating image with sevaral images in Photoshop? Much like a gif? Would this improve my page load time or would it be the same as loading a slideshow? Here is an example of what we wanna do vacationsalabama

Yes you can create a gif in PS to do this but it would be much easier to accomplish with some simple JQuery Image slider.
Several examples here
and here
The benefit is they load faster, have speed options, and switching images out is a breeze. They can also have links asigned to the images as they appear.

Rotated transparent images Muse CC 2014 not compatible with IE8.... they all appear with a black box behind them.

IE 8 is supposed to be supported by muse CC 2014 but its not in the case of rotated transparent images.. Did not have this problem in the previous version of Muse. The code did not have progid:DXImageTransform.Microsoft.Matrix... now it does...
Had to add ie8 specific css and code to the page and use a composite image instead of the individual images to get a page with no black boxes...
.      

        <div class="clearfix grpelem" id="u24742">       <div class="clearfix grpelem" id="u24686">        <img class="grpelem" id="u24545" alt="" width="119" height="119" src="images/floating1000sgreen-u24545.png" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=-0.8572,M12=0.515,M21=-0. 515,M22=-0.8572,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-22" data-mu-ie-matrix-dy="-22"/>        <img class="grpelem" id="u24509" alt="" width="159" height="159" src="images/floating1000s2green-u24509.png" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=0.9744,M12=-0.225,M21=0.2 25,M22=0.9744,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-16" data-mu-ie-matrix-dy="-16"/>        <img class="grpelem" id="u24503" alt="" width="184" height="184" src="images/floating1000sgreen-u24503.png" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=0.848,M12=-0.5299,M21=0.5 299,M22=0.848,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-35" data-mu-ie-matrix-dy="-35"/>       </div>       <div class="clearfix grpelem" id="u24583">        <div class="clearfix grpelem" id="pu24596">         <img class="grpelem" id="u24596" alt="" width="58" height="58" src="images/floating1000s4-u24596.png" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=0.9703,M12=-0.2419,M21=0. 2419,M22=0.9703,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-6" data-mu-ie-matrix-dy="-6"/>         <img class="grpelem" id="u24614" alt="" width="54" height="46" src="images/floating1000s2green-u24614.png" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=0.9744,M12=-0.225,M21=0.2 25,M22=0.9744,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-4" data-mu-ie-matrix-dy="-5"/>         <img class="grpelem" id="u24640" alt="" width="53" height="62" src="images/floating1000s5-u24640.png" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=-0.9781,M12=-0.2079,M21=0 .2079,M22=-0.9781,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-6" data-mu-ie-matrix-dy="-5"/>         <img class="grpelem" id="u24618" alt="" width="39" height="39" src="images/floating1000sgreen-u24618.png" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=-0.6018,M12=0.7986,M21=-0 .7986,M22=-0.6018,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-8" data-mu-ie-matrix-dy="-8"/>         <img class="grpelem" id="u24620" alt="" width="39" height="39" src="images/floating1000sgreen-u24620.png" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=-0.6018,M12=0.7986,M21=-0 .7986,M22=-0.6018,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-8" data-mu-ie-matrix-dy="-8"/>         <img class="grpelem" id="u24610" alt="" width="115" height="119" src="images/floating1000sgreen-u24610.png" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=-0.6428,M12=0.766,M21=-0. 766,M22=-0.6428,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-25" data-mu-ie-matrix-dy="-23"/>         <img class="grpelem" id="u24604" alt="" width="29" height="29" src="images/single100-u24604.png"/>         <img class="grpelem" id="u24588" alt="" width="34" height="39" src="images/floating1000s5-u24588.png" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=0.8572,M12=-0.515,M21=0.5 15,M22=0.8572,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-8" data-mu-ie-matrix-dy="-6"/>         <img class="grpelem" id="u24632" alt="" width="49" height="49" src="images/single100-u24632.png" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=0.6691,M12=-0.7431,M21=0. 7431,M22=0.6691,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-10" data-mu-ie-matrix-dy="-10"/>         <img class="grpelem" id="u24638" alt="" width="59" height="51" src="images/floating1000s5-u24638.png"/>         <img class="grpelem" id="u24584" alt="" width="34" height="34" src="images/single100-u24584.png" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=-0.8387,M12=-0.5446,M21=0 .5446,M22=-0.8387,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-7" data-mu-ie-matrix-dy="-7"/>         <img class="grpelem" id="u24592" alt="" width="75" height="95" src="images/floating1000sgreen-u24592.png" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=0.2924,M12=-0.9563,M21=0. 9563,M22=0.2924,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-19" data-mu-ie-matrix-dy="-2"/>        </div>        <img class="grpelem" id="u24602" alt="" width="19" height="19" src="images/single100-u24602.png" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=-0.7431,M12=0.6691,M21=-0 .6691,M22=-0.7431,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-4" data-mu-ie-matrix-dy="-4"/>       </div>      </div>      <img class="grpelem" id="u24511" alt="" width="34" height="39" src="images/floating1000s5-u24511.png" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=0.8572,M12=-0.515,M21=0.5 15,M22=0.8572,SizingMethod='auto expand')" data-mu-ie-matrix-dx="-8" data-mu-ie-matrix-dy="-6"/>

I see this is still an issue even after the latest update.... Will this problem be addressed? Right now I have to manually update the html code for each page after export. This is a site that I update regularly so every time a change is made I have to fix each page so it can be viewed without the black boxes in ie8.

Manipulating (Rotating) an Image with a button in Java

Similar Messages

Maybe you are looking for