Rotating images fade-in

i managed to create a rotating image banner with the help from this website
http://www.communitymx.com/content/article.cfm?cid=651FF
but without the fade-in fade-out effect it doesn't look very nice. how can i make the images fade-in like in the below website
http://www.flipflopflo.co.uk/home
i found some help here
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
but (as i am not professional user) i dont understand what to do with the scripts shown there. for example on "Step 2" it says
"Step 2: Then, insert the following sample HTML for 2 sample Fade In slideshows:"
insert where?

free flash tutorials sites list here
http://www.links-mylinks.com/2007/10/flash-sites-free-tutorial-templates.html

Similar Messages

Image rotation with fade effect

I am new to the spry framework and have just started going
through the examples to see if I could create an image rotator that
fades the images into each other when changing. I have taken
snippets from different places to do this and think I have the
answer but really wanted some feedback to sanity check and let me
know if this is the best way of doing it. If it is, then I hope
others will find it useful.
Here is the url to the example:
Image
rotation example
And here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<title>Sample Image Rotation</title>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1" />
<meta http-equiv="X-UA-Compatible"
content="IE=7;FF=3;OtherUA=4" />
<meta name="author" content="www.baytree-cs.com - Peter
Barkway"/>
<meta name="copyright" content="(C)2006 Baytree Computer
Services, All right reserved."/>
<meta name="abstract" content="ISM Homepage" />
<meta name="description" content="ISM Homepage" />
<meta name="keywords" content="ISM Homepage"/>
<meta name="robots" content="all,index,follow"/>
<meta name="distribution" content="global"/>
<meta name="mssmarttagspreventparsing"
content="true"/>
<meta name="rating" content="general"/>
<style type="text/css">
.element{
float:left;
position: relative;
width: 350px;
text-align: center;
#display{
opacity: 0;
filter: alpha(opacity=0);
#animate{
left: -350px;
opacity: 1;
filter: alpha(opacity=100);
</style>
</head>
<body>
<noscript><h1>This page requires JavaScript.
Please enable JavaScript in your browser and reload this
page.</h1></noscript>
<div id="container">
<div id="display" class="element"
spry:detailregion="dsImg"><img src="<?php echo
$rootDir.$baseDir;?>/{@base}{@path}"/></div>
<div id="animate" class="element"
spry:detailregion="dsImg2"><img src="<?php echo
$rootDir.$baseDir;?>/{@base}{@path}"/></div>
<p class="clear"></p>
</div>
<script type="text/javascript"
src="js/xpath.js"></script>
<script type="text/javascript"
src="js/SpryData.js"></script>
<script type="text/javascript"
src="js/SpryEffects.js"></script>
<script type="text/javascript">
var dsGalleries = new Spry.Data.XMLDataSet("spry.php",
"galleries/gallery", { method: "POST", postData:
"c=1&d=<?php echo $baseDir;?>", headers: {
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
var dsImg = new Spry.Data.XMLDataSet("spry.php",
"gallery/photos/photo", { method: "POST", postData:
"c=2&d=<?php echo
$baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
headers: { "Content-Type": "application/x-www-form-urlencoded;
charset=UTF-8" } });
var dsImg2 = new Spry.Data.XMLDataSet("spry.php",
"gallery/photos/photo", { method: "POST", postData:
"c=2&d=<?php echo
$baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
headers: { "Content-Type": "application/x-www-form-urlencoded;
charset=UTF-8" } });
var imageInterval = 8000; // 8 seconds
var imageFadeInterval = 4000; // 4 seconds
var image2Loaded = null;
var effect = new Spry.Effect.Fade('animate', {from: 100, to:
0, toggle: true, duration: imageFadeInterval});
// Prepare an observer that will change the opacity of the
initially
// hidden element in oposition with the initially visible
element
var obs1 = new Object;
// On each effect step we calculate the complementary
opacity for the other image container.
obs1.onStep = function(ef){
if (typeof otherEl == 'undefined')
otherEl = document.getElementById('display');
var opacity = 0;
if(/MSIE/.test(navigator.userAgent)){
opacity = Spry.Effect.getStyleProp(ef.element,
'filter').replace(/alpha$opacity([0-9]{1,3})$/, '$1');
otherEl.style.filter = "alpha(opacity=" + parseInt(100 * (1
- opacity), 10) + ")";
}else{
opacity = Spry.Effect.getStyleProp(ef.element, 'opacity');
otherEl.style.opacity = (1 - opacity);
// Attach the observer to the Fade effect
effect.addObserver(obs1);
function fadeInContent() {
// 1st time in so set the current rows so that the 'animate'
set is 1 ahead of the 'display' set
if(image2Loaded == null) {
dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 2)
% dsImg.getData().length);
image2Loaded = 0;
} else {
if(image2Loaded) {
dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
image2Loaded = 0;
} else {
dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
image2Loaded = 1;
effect.start();
var obs2 = {
onPostLoad: function() {
setInterval("fadeInContent()", imageInterval);
dsImg.addObserver(obs2);
</script>
</body>
</html>

I think that I might have got this going now. Here is the
code if anyone wants to use it.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<title>Sample Image Rotation</title>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1" />
<meta http-equiv="X-UA-Compatible"
content="IE=7;FF=3;OtherUA=4" />
<meta name="author" content="www.baytree-cs.com - Peter
Barkway"/>
<meta name="copyright" content="(C)2006 Baytree Computer
Services, All right reserved."/>
<meta name="abstract" content="ISM Homepage" />
<meta name="description" content="ISM Homepage" />
<meta name="keywords" content="ISM Homepage"/>
<meta name="robots" content="all,index,follow"/>
<meta name="distribution" content="global"/>
<meta name="mssmarttagspreventparsing"
content="true"/>
<meta name="rating" content="general"/>
<style type="text/css">
.element{
float:left;
position: relative;
width: 350px;
text-align: center;
#display{
opacity: 0;
filter: alpha(opacity=0);
#animate{
left: -350px;
opacity: 1;
filter: alpha(opacity=100);
</style>
</head>
<body>
<noscript><h1>This page requires JavaScript.
Please enable JavaScript in your browser and reload this
page.</h1></noscript>
<div id="container">
<div id="display" class="element"
spry:detailregion="dsImg"><img src="<?php echo
$rootDir.$baseDir;?>/{@path}"/></div>
<div id="animate" class="element"
spry:detailregion="dsImg2"><img src="<?php echo
$rootDir.$baseDir;?>/{@path}"/></div>
<p class="clear"></p>
</div>
<script type="text/javascript"
src="js/xpath.js"></script>
<script type="text/javascript"
src="js/SpryData.js"></script>
<script type="text/javascript"
src="js/SpryEffects.js"></script>
<script type="text/javascript">
var dsGalleries = new Spry.Data.XMLDataSet("spry.php",
"galleries/gallery", { method: "POST", postData:
"c=1&d=<?php echo $baseDir;?>", headers: {
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
var dsImg = new Spry.Data.XMLDataSet("spry.php",
"gallery/photos/photo", { method: "POST", postData:
"c=2&d=<?php echo
$baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
headers: { "Content-Type": "application/x-www-form-urlencoded;
charset=UTF-8" } });
var dsImg2 = new Spry.Data.XMLDataSet("spry.php",
"gallery/photos/photo", { method: "POST", postData:
"c=2&d=<?php echo
$baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
headers: { "Content-Type": "application/x-www-form-urlencoded;
charset=UTF-8" } });
var imageInterval = 4000; // 8 seconds
var imageFadeInterval = 2000; // 4 seconds
var effect = new Spry.Effect.Fade('animate', {from: 100, to:
0, toggle: true, duration: imageFadeInterval});
// Prepare an observer that will change the opacity of the
initially
// hidden element in oposition with the initially visible
element
var obs1 = new Object;
// On each effect step we calculate the complementary
opacity for the other image container.
obs1.onStep = function(ef){
if (typeof otherEl == 'undefined')
otherEl = document.getElementById('display');
var opacity = 0;
if(/MSIE/.test(navigator.userAgent)){
opacity = Spry.Effect.getStyleProp(ef.element,
'filter').replace(/alpha$opacity([0-9]{1,3})$/, '$1');
otherEl.style.filter = "alpha(opacity=" + parseInt(100 * (1
- opacity), 10) + ")";
}else{
opacity = Spry.Effect.getStyleProp(ef.element, 'opacity');
otherEl.style.opacity = (1 - opacity);
// Attach the observer to the Fade effect
effect.addObserver(obs1);
function fadeInContent() {
// 1st time in so set the current rows so that the 'animate'
set is 1 ahead of the 'display' set
//use this flag to avoid the effect running on load
if (typeof image2Loaded == 'undefined') {
dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 2)
% dsImg.getData().length);
var curRow = dsImg.getCurrentRow();
image2Loaded = 0;
} else {
if(image2Loaded) {
var img = document.getElementById('display');
dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
var curRow = dsImg.getCurrentRow();
image2Loaded = 0;
} else {
var img = document.getElementById('animate');
dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
% dsImg.getData().length);
var curRow = dsImg2.getCurrentRow();
image2Loaded = 1;
var imgPath = '<?php echo $rootDir.$baseDir;?>/' +
curRow["@path"];
var gImageLoader = new Image();
gImageLoader.onload = function()
effect.start();
gImageLoader.src = imgPath;
var obs2 = {
onPostLoad: function() {
setInterval("fadeInContent()", imageInterval);
dsImg2.addObserver(obs2);
</script>
</body>
</html>

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!

Add fade to rotating image javascript

I have managed to get a tating image working with the following javascript:
<script type="text/javascript">
(function() {
    var rotator = document.getElementById('rotator');
    var imageDir = '';
    var delayInSeconds = 5;
    var images = ['h-images/homepage.jpg', 'h-images/rentalspage.jpg', 'h-images/investpage.jpg'];
    var num = 0;
    var changeImage = function() {
        var len = images.length;
        rotator.src = imageDir + images[num++];
        if (num == len) {
            num = 0;
    setInterval(changeImage, delayInSeconds * 1000);
</script>
the page is www.helenmarino.com/test.html (you may have to refresh the page)
I am surprised I managed to get this far so any simple code added to make the images fade nicely would be greatly appreciated.
many thanks
Helen

Download the Cycle plug-in script and save it to your local site folder. I prefer to keep scripts in my Scripts folder but that's up to you.
http://jquery.malsup.com/cycle/download.html
jQuery has 3 basic parts to it:
the core code library which you ref in your <head>
the plug-in script & css (if any) which you ref in your <head>
the function code inside <script> tags -- I prefer to put this above closing </body> tag.
<head>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
</script>

<script type="text/javascript" src="Scripts/jquery.cycle.all.latest.js"></script>
</head>
<body>
<div class="slideshow">
     <img src="image1.jpg" width="200" height="200" alt="description" />
     <img src="image2.jpg" width="200" height="200" alt="description" />
     <img src="image3.jpg" width="200" height="200" alt="description" />
     <img src="image4.jpg" width="200" height="200" alt="description" />
</div>

<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
fx: 'fade'
</script>
</body>
That's all there is to it. If you want anything fancier, look at Cycle's More Demos & Examples near the bottom of their home page.
Nancy O.

Image-to-Image Fade Using External Files

Hi all,
I'm trying to create a fairly basic random image-to-image fader. I've got a LOT of images that need to rotate through and they've all been optimized, however the swf file just becomes too big w/all of them.
So what I was hoping I could do was use AS3 to load up a random jpg from an XML file, apply the fade effect, preload the next one it's planning on grabbing while the current one is being displayed, and repeat the process indefinitely. By doing this I'm hoping to keep the footprint of the application extremely small.
Is such a thing possible (I'm using a trial of CS5 at the moment) and if so, can someone point me in the right direction? I'm pretty new to AS3 so any amount of help would be greatly appreciated!

Yes, it is possible to do. You can probably search Google using terms like "AS3 XML slideshow tutorial" to get the whole thing in one package. Though what you might want to do is take it in steps so that you can come to understand how each aspect works.
The basic elements would involve loading an XML formatted bit of data into an array and using the Loader class to load the images, using a COMPLETE event listener so that you know when an image is loaded and ready to be processed into an object within the show.
Then you would want to look into using some actionscript tweening to get the alpha fading effect working for you. Flash has its own Tween class, and there are thrid party tween classes as well. I'd say use the Flash version first just to eliminate one level of complication for now (installing and using an external class). Many people recommend the thrid party tweening classes over Flash's.
You might also want to incorporate some form of Timer (the Timer class) to help manage when things change and/or when they load. If you have optimized your images already, then it would take less time for them to load, which means you probably do not want to use loading status to control the timing, but only as logic to enable timed actions.

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.

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

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!!!

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

Help with Image fades

Hi,
Haven't used Flash in a couple of years now, and it has
changed a lot...so I am a bit behind with the times. I need to do a
site with a each section of the website having a background, that
fades in when the user goes there. I want the transition from
section to another to be smooth, and the new background image fade
in on top as the other fades out (at the same time!)
Also how do i make some of the links on my website HTML pages
and some flash? I need to be able to link back to the flash section
of a site when clicking on the flash section. I found an example on
the Louis Vuitton site, if you click on your account or newsletter
and then click back to the Services it will go back to that
specific section of the flash site.
http://www.louisvuitton.com
- check it out to see what I mean.
Hope you can help, I want to start developing my flash skills
again.
Thanks

Hi,
Haven't used Flash in a couple of years now, and it has
changed a lot...so I am a bit behind with the times. I need to do a
site with a each section of the website having a background, that
fades in when the user goes there. I want the transition from
section to another to be smooth, and the new background image fade
in on top as the other fades out (at the same time!)
Also how do i make some of the links on my website HTML pages
and some flash? I need to be able to link back to the flash section
of a site when clicking on the flash section. I found an example on
the Louis Vuitton site, if you click on your account or newsletter
and then click back to the Services it will go back to that
specific section of the flash site.
http://www.louisvuitton.com
- check it out to see what I mean.
Hope you can help, I want to start developing my flash skills
again.
Thanks

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.

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

Rotating images fade-in

Similar Messages

Maybe you are looking for