Rotating Images in a grid or canvas

I want to build a component somewhat similar with the
rotating images that you can see below.
http://www.istockphoto.com/index.php
Thanks in advance,
Q

Here is a place to start:
http://weblogs.macromedia.com/pent/archives/2007/10/component_class_2.cfm
Tracy

Similar Messages

Rotating image moves pixels out of canvas.

I was under the impression that using Image => Image Rotation => => 90 CW would rotate everything ninety degrees clockwise, but I guess I don't understand exactly how it works.
When makin a very simple 2 pixel pattern, I filled the right pixel with black and left the other pixel empty. I then wanted to see how the pattern would look horizontally so I rotated the image 90 deg clockwise and found that my black pixel was moved off of the canvas.
Next I tried some testing to see if I could better understand what was happening. I found that if I rotate the image CCW then the pixel would be in the correct place, but if I fill the left pixel with black instead of the right I would have to rotate CW to keep the fill from going off canvas. I thout that maybe I was rotating the canvas only, but when testing a larger image I found that wasn't the case.
I could go on, but basically I can't figure out how to rotate an image with 2 pixels ninety degrees. Kind of silly, what am I doing wrong?

Doesn't happen on my end. Maybe a video driver issue?

LR rotates images as they were at the upload

Hi everybody
I went back to a folder I haven't been looking for about 3-4 months. After I located the folder from the external disk all the images opened, with my surprise, without the rotation I have set at the time so I had to to do it all again. Usually LR should retain the settings you apply to images, with no time limitation. So what happened in this case?
p.s. it's even worse: LR is opening the images, in Grid View, initially with the rotation I set after the first opening but as I scroll down, always in Grid View, the images showed in the screen are rotated back as they were at the upload.
Then I scroll down a bit more, images that were out of view are showed with the correct rotation and after a while they start rotating as they were at upload .....what the hell is going on???

I think the key is when you said you have not viewed these pictures in 3-4 months. Therefore LR deleted its previews and the effect you are seeing is LR re-making them. If it does not have a preview in its cache it tries to be quick by showing you the JPG preview in the image file. That's as the camera recorded it. The it makes a preview from the image data, and finally applies the editing steps either from the catalog or the XMP information in the file.
So if you give LR the time to do all that it should give you the pictures as you last had them in LR.
I just went back to some pictures from February in my catalog and LR did recall the image orientations.
BUT - I am also confused. I did a test and rotated a picture in LR. That rotation did not appear in the History panel. That surprised me, because LR does remember any rotations applied. I don't know where.
Another factor may be that many cameras record the orientation in the EXIF. Thus my Canon DSLR rotates images correctly on the LCD display whereas my Nikon Coolpix P6000 does not. This could be part of your issue:- the camera's notion of orientation vs. LR's.
So this is only a partial answer but I hope it helps.

Problem with rotating images in Photoshop CC

When I rotate images in Photoshop CC I get jagged edges and not smooth as before. What has changed? How can I sort this out? Is my software corrupted? Still works perfectly in CS3.

If your using Free Transform, then look at the Interpolation settings in the tool options bar
Try one of the Bicubic settings
(i have it set to Bicubic)
For rotating the Canvas look at the Image Interpolation settings under Photoshop (Edit)>Preferences>General and use one of the Bicubic settings
The standard Bicubic setting is a good all around setting

Cs5 - images have weird grid-like/pixelation distortion i cant get rid of! help!

i've just downloaded the trial of photoshop cs5 (it took ages mind you!) and when i go to open (or create) a file that is larger (eg 1000x750 pixels) there is this weird grid that distorts the image (it's not the grid you can turn off and on or the grid that shows the actual pixels). when i open a smaller file there is no grid and the image is perfectly clear and normal - but when i zoom out there is a grid. also, when i'm zoomed out (eg 66% but sometimes from even 200%) the distortion happens, whereas if i zoom closer it disappears.
it doesn't distort the image itself, but distorts the colours in parts of the image.
i've experimented enlarging the canvas of a smaller image and placing a larger image into it on a different layer, but then the grid affects not only the larger image but the smaller as well, like it is stretching the colours to the edge of the canvas, or trying to pixelate/fuzz the image. however the grid doesn't affect the whole canvas, just the bits above and to the side of the larger images (mostly).
also when i zoom in/out gradually the squares of the grid enlarge and change size (both bigger and smaller).
so i don't know what the problem is, and any help/suggestions would be much appreciated as i need to use the program for a uni assignment due in a couple of weeks!!
thanks!

Hey- I have the same issue. When I started using cs5 I noticed this grid/distortion right away. At first I thought it was my wacom tablet (I use an Intuos 3) but its not. Its very annoying because I cant put my fingure on why this is happening. Anytime I ask a friend about it who normally knows alot about photoshop they tell me its that grid option thing which I have already turned off. I have included a screen shot of what the issue looks like. Any ideas anyone?

I was painting in photoshop and accidently rotated all the layers and the canvas how do i realign it?

i was painting in photoshop and accidently rotated all the layers and the canvas. how do i realign them?

dubrox666 wrote:
Image rotation works if the canvas isn't rotated, the canvas was rotated by acciedent (gesture on my tablet) and image roate dosen't fix the canvas when it is rotated, even my guides were coming in crooked, image rotate rotated my image but not the canvas, it happened to me again so i reverted to my previous save, even my instructor dosen't have an answer?!!
Risto
Good gracious. It sounds like you were able to rotate the canvas a more or less exact multiple of 90° or you'd have spotted that it was skewed. I just tried it using the r shortcut, and while it is doable, it is not particularly easy to rotate the canvas to a point where it could fool you. What does surprise me, is that while the Options bar shows the degree of rotation while the r key is depressed, I could see nothing on the UI to tell me that the canvas was rotated. That's something that you might want to start a thread on the Photoshop Feedback page.
Photoshop Family Customer Community
Anyway, Escape is the usual way to cancel rotate canvas.

Transform implementation goes wrong when I try transforming a image through script and save the new image using a HTML to canvas plugin.

Transform implementation goes wrong when I try transforming a image through script and save the new image using a HTML to canvas plugin. The rotation comes up fine, but the origin of the transformation is faulty (compared to other browsers like Chrome & IE)

A good place to ask advice about web development is at the mozillaZine "Web Development/Standards Evangelism" forum.
*http://forums.mozillazine.org/viewforum.php?f=25
The helpers at that forum are more knowledgeable about web development issues.
You need to register at the mozillaZine forum site in order to post at that forum.

Rotated image overlaps other controls

Hi, I am working on an AIR app involving images. One of the functionalities is viewing as well as rotating images. I made a simple test app to illustrate this portion:
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
    <mx:Script>
        <![CDATA[
            private function rotate():void
                var bitmap:Bitmap = Bitmap(img.content);
                var matrix:Matrix = bitmap.transform.matrix;
                var centerX:Number = bitmap.width/2;
                var centerY:Number = bitmap.height/2;
                matrix.translate(-centerX, -centerY);
                matrix.rotate(90*Math.PI/180);
                matrix.translate(centerY, centerX);
                bitmap.transform.matrix = matrix;
        ]]>
    </mx:Script>
    <mx:Text width="100%" text="Some text"/>
    <mx:Image id="img" width="100%" height="100%" source="test.jpg" horizontalAlign="center" verticalAlign="middle"/>
    <mx:Button label="rotate 90" click="rotate()"/>
</mx:WindowedApplication>
The application window has text on the top and a button on the bottom, with the image in the middle. Each click of the button rotates the image by 90 degrees.
On launch, the app works great. It fetches the image file and fits it to the Image container. As I resize the application, the image also resizes and maintains the position relative to the other controls. Top text and bottom button are where they should be. All good. Let's assume the image is landscape/wide. After I perform the rotate 90 degrees by clicking the button, although the image is rotated and now in portrait orientation, the bottom portion of the image is now out of the image boundary and overlapping the button.
Is there a way to tell the image to fit the content to the container again? Basically, re-layout the whole thing as if the image is in this new orientation.
I suppose I can try to figure out a change in scale and resize the image, but I am not sure if this will hold when the user resizes the application. Also, the rotated image is now rather far to the left, as the "top left" corner is where a landscape image would be. For a portait orientation that's centered horizontally, it should be further to the right. I suppose I can also come up with some formula to center the rotated image. It just seems that the application already has all this logic built in, as it did exactly what I wanted when the image was loaded initially. If I can just ask the application to do it again. Note that similar issue occurs if the image starts out in portrait orientation and is rotated to landscape (too far to the right).
Thanks in advance for the help.
Will

Thanks Sheila and Arnis,
Today I opened the project to try different zoom settings and the problem has vanished; I get the correct arrow at zooms of 100, 120 and 140%.
Likely a bug somewhere deep in Frame's innards. Anyway we've ordered TCS3 so soon I'll be using FM10. Thanks anyway.
--- Derek

Is there a way to rotate images in iPhoto on the ipad

I take photos with the iPhone or iPad and unless I sync them back to the Mac, there does not seem to be a way to rotate images. This makes having a nice slideshow (for the unlock screen) a problem as a bunch of images are all sideways. I'd like to be able to do simple edits like this in the device and not have to sync back and forth.

You can't in the Photos app itself, though there are third-party apps that allow you e.g. PS Express (though the saved rotated version of the photo will be put in the Saved Photos album).

I have a Flash Sample to rotate images and text but I not find a way to display special characters

Hello everyone.
I bought a very nice Flash application that rotate images, and text of any color and size. It use an XML input file.
I've posted here, a complete copy, so any of you can download, view and use it freely.
I would appreciate if any of you know how to do, so that the text displayed, including the characters I use in my language (Spanish), such as á, é, í, ó, ú, ñ, and other special characters.
In fact, I could not find a way to do it, because I'm not expert Flash, and less in ActionScript.
If any of you would help me on that, I thank you implement the appropriate adjustments and compressed into a. zip file, and let me know where to download it, or if you prefer you can send it to my email: [email protected]
After all compressed in .zip format is a very small file: 430K.
Click here to download the complete sample.
Thanks.
=====================================
Translated using http://translate.google.es
=====================================

Hello Rinus,
If I understood your last post correctly, then problem 2 is resolved, right?
Regarding problem 3:
I'm not asking you to share exact VIs.
I just want to see a very simple VI that explains the concept of what you're trying to do, what should happen (this can be in words that refer to the front panel elements) and what you've tried.
The terminology you're using isn't clear to me without an extra explanation.
This could even be only a Front Panel with a few buttons on where you just describe what should happen with specific controls/indicators.
Based on the first post it is not clear to me what you mean with:
- A "button element":
Are you talking about a control, an indicator, a cluster that contains multiple control?
- The structure:
Is this an event structure, case structure, for loop, ...?
Is it seems like you want to programmatically control Front Panel objects, which on itself is no problem at all independent of how many objects you want to control.
Please share with me simple example of what goes wrong and explain which things should happen on that specific Front Panel.
This will allow me to help you and also allow me to guide you along the right path.
Kind Regards,
Thierry C - Applications Engineering Specialist Northern European Region - National Instruments
CLD, CTA
If someone helped you, let them know. Mark as solved and/or give a kudo.

I can't rotate images or text with two fingers on my trackpad.

I have the most recent version of Keynote, using iOS 10.9.1 and a bluetooth trackpad. Everything was working fine with the various gestures and now the rotation (two finger twisting) won't rotate images or text boxes. Anybody else having this issue? Any fixes you've seen that work?
I've turned my bluetooth trackpad on/off. I've checked my trackpad preferences checked/unchecked/checked. Nothing seems to work.

give gesture back please as soon as possible!!!

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!

How to auto rotate Images on Full Screen Slideshow if pictures were taken mixed Portrait and Landsca

In Muse: How to auto rotate Images on Full Screen Slideshow if pictures were taken mixed Portrait and Landscape

There is no way that Muse would automatically rotate the images. What you can instruct Muse to do is whether you want to show all image content and leave blank space in either direction OR scale the image to fill the frame resulting in some cropping, but filling the otherwise blank space.
The options are Fit Content Proportionally and Fill Frame Proportionally respectively.
Cheers,
Vikas

Severe memory leak in LR5 (CC release v5.0) when cropping (rotating) images

I have a Quadcore i7 iMac with 12GB of memory. When I start LR5, there is 8GB remaining. With nothing else being done, as a edit some images, and especially when I am rotating images in the crop tool to level the horizon, fI sometimes get the "OSX beachball" and the memory immediately drops from 8GB to 10-20MB!!! The disk goes crazy and LR5 and the entire machine slows to a crawl. The only way to bring it back is to Force Quit LR5. But this has happened with the same picture twice already and am getting ready to try #3.
Please fix this .... this is definitely a bug as there is no reason it should eat 8GB of memory for doing an image rotate.

There are a number of bugs that have been logged against crop/roate in Lr5. The engineering team are currently working to fix these.

Rotated images in inDesign

I have used CS6 on my Mac (10.6.8) to create a 240 page book with several images on most pages. Some of these have been rotated by about 20 degrees or so for effect, and are fine when viewed on inDesign. However, when exported to pdf in high quality mode a grey (un-rotated) box appears around each of the rotated images. It's faint but it is there. I did try rotating in Photoshop first and then creating a clipping path, which I have done for other images but this appears compromised by the rotation also. Grouping a number of images before rotating, as I have done on the cover, also seems to cause a particular problem, with the crop then coming in at an angle also. Even if you then ungroup these, the program seems to remember they were grouped before and still refuses to do a vertical crop, though it behaves ok with the rotated image before it is grouped. Drop Shadows on the title text appear VERY dull on my screen when viewed in the high-quality pdf mode also, though a friend viewing the same file on his computer does not get this effect. I think I can work round most of these, but the grey boxes are a real issue.
Thanks
Les Brown

Hi Peter
interesting. I was just clicking on the file, so I think it was Apple preview. However, if I select Acrobat 10.1.1 the image looks good against a white background (my main problem.) Does this mean the file is OK to send for printing in this form? I note that for the cover image (blue background) the drop shadows are still very dull and there is still a slight colour issue with the rotated image.
Thanks
Les

Rotating Images in a grid or canvas

Similar Messages

Maybe you are looking for