Rotating images in separate htm document (DW CS4)

Hi all,
A few questions:
1. I created a rotating images htm document by using the swap image function and then changing the code a bit (found this on internet). This works just fine on my PC (LiveView) and the htm document is switching between 3 images. I have placed the document in the images folder. However, when uploaded it doesnt work:
http://www.competenciagroup.com/images/RotatingImages.htm
2. If i get this htm document to work on the net I would like to input the htm document with the rotating images into the heading of my main document:
http://www.competenciagroup.com/ColombiaTravel/index.html
(just above the menu)
I could not though figure out how to input the htm document into the existing html document.
Anybody have any clue on the 2 questions above?
Thanks in advance,
Ingvar Malde

I know plenty of people run into the issue of not being able to see their images while in design view, but mine is the exact opposite.
My images show up as a tiny blue question mark box in Live View... As well as when I preview it in a browser localy on my machine.
I think I know why it might be happening but dont know how to fix it...
When I insert an image DW codes it as such:
<img src="/images/madintro.jpg" width="470" height="267" />
The problem seems to lie in DW adding the "/" in front of "images"
when I manually go in and take out the "/" the image shows magically shows up as it should.
Why has dreamweaver suddenly defaulted to making bad code? what did I do to cause this issue? And obviously how can I change it back to work again and make the image show in my DW workspace?
Yes, the slash is exactly the problem. That is known as a Site-root relative link.These types of link are good to use in Templates because they are always the same. They don't need to be "fixed' when you generate a page from your Template into a different folder.
The downside of using Site-root reltive links, is that you can't access the files locally. You must get the page from a web server. One exception to that is using Preview in Browser (PIB) "Temp" files.
Read this Tech Note about setting up a Testing Server so you can see these files in Live View and PIB:
http://blogs.adobe.com/dreamweaver/2008/12/live_view_and_siteroot_relativ.html
If you want to switch back to using Document relative links, then setthe Relative to: field to be "Document" in the "Browse for file" dialog (folder button next to Link field in PI). This setting is sticky, so all future link will use the same setting.
Hope this helps,
Randy

Similar Messages

Need help placing images on separate layers

I'm a novice to Javascript but I've been trying to learn. I have a project where i need to place muliple images from a folder onto separate layers (same page) in a template. I tried to modify "ImageCatalogue" script within InDesign to disastrous results. On another thread someone was kind enough to give me a short script "Objects to Layers" written by Kasyan Servetsky. This was very helpful but not exact to my needs so now I'm starting from scratch. I've been playing with the following code trying to get it to work. It doesn't and I'm getting frustrated. I keep changing this line but it keeps coming back as "undefined":
myImage.place(newLayer);
Can someone please point me in the right direction? Is my coding too simple? The end comments are my wish list of add-ons should I ever get these layers working.
Thanks for your help!
// script to place images on separate layers
Main();
function Main(){
          // get path to folder, ask to select which folder
          var myFolder = Folder.selectDialog("Select folder containing images");
          // use open document
          doc = app.activeDocument;
          // if folder is empty, tell user to select another folder
          if(myFolder.length == 0){
                    selectDiaglog("Folder empty, select new folder");
          else{
          // select each file in myFolder and place on new layer in active document
                    var myImage = myFolder.item;
                    newLayer = doc.layers.add(+1);
                    myImage.place(newLayer);
          alert("Done")
// rotate image 90 CCW
// place image at x-6.41, y9.9955 on page
// rename layer as filename

Hi,
Main();
function Main(){
     // get path to folder, ask to select which folder
     var myFolder = Folder.selectDialog("Select folder containing images");
     // use open document
     doc = app.activeDocument;
     // if folder is empty, exit
     if(!myFolder){
          alert("no Folder selected, I am quitting"); exit();
     // place each file in myFolder on new layer in active document
     // files are filtered by their extension
     var
          myImages = myFolder.getFiles(/\.jpg$|\.tiff$|\.pict$|\.bmp$|\.eps$|\.pdf$/i),
          len = myImages.length, currImg,
          mAngle = 270,
          mX = -6.41,
          mY = 9.9955;
          while (len-->0) {
               currImg = doc.pages[0].place(
                    myImages[len],     // current file
                    [0,0],     // initial place point
                    doc.layers.add({name: myImages[len].displayName}),          // rename layer as filename
                    false,
                    false,
                    {absoluteRotationAngle: mAngle}          // rotate image 90 CCW
                    )[0].parent;
               currImg.fit(FitOptions.FRAME_TO_CONTENT);     // fix frame to content
               currImg.move([mX,mY]);          // move image at x-6.41, y9.9955 on page
          alert("Done")
Each image in the same point placed?
Good help is served here:
http://www.jongware.com/idjshelp.html
Each object has properties and methods.
Used above: folder.getFiles(), page.place(), rectangle.fit() and rectangle.move() methods.
Jarek

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!

Remove back image while exporting to PDF (InDesign CS4)??

Hi All,
I have two images in my InDesign CS4 file and one image is hiding behind my second image. When I am exporting my InDesign file as Pdf and opening in Acrobat, Acrobat showing bottom image first and then showing my top image.
Is there any way to remove my bottom image which is appearing behind in my top image while exporting to Pdf.
I don't want remove manually because it happening with most of my InDesign file.
Please suggest.
Thanks
Baljeet

I would move bottom image to separate layer and then eventually I would switch it off.
If you don't want to change anything in InDesign you can eliminate the second image in your already generated PDF.
Open your PDF in Acrobat Pro.
Advanced -> Print Production -> PDF Optimizer.
You can leave only "Clean Up" check box marked (eventually Transparency if Acrobat will not allow you to switch it off). All the rest leave unchecked.
This operation will remove hidden image.
Correction: It will not remove the image. It just made the PDF to be displayed much more faster that is why the second image appearance was not noticeable. Sorry for the inconvenience.

Last image placed in the document comes up as being modified constantly

I have an indesign issue.
Running CS4 (6.06) and CS5 (7.0.4)
On snow leopard 10.6.8
On a Mac Pro Quad-Core Intel Xeon
My problem is that when I have a document with images in for some reason it seems that the last image placed in the document comes up as being modified.
I do the required update everything appears up to date save the job and the same link will again show as being modified, so I get in to an infinite loop.
This happen with documents saved locally and on a server, with documents I created and documents I have picked up form other artworkers.
It is not an issue with specific link as we have seen this in many linked images, I tried to identify a trigger for this problem.
I took 4 images placed them into a document save locally in my desktop opened closed the document after each image was placed, it work fine for all 4 images on there own. I added a text box to my document saved and the last image placed then flagged are being modified in my links panel, I deleted the image that was flagged as modified from the document and saved, as soon as I saved the next image in placed order now came up as being modified (this image was not flagged and being modified when I have 4 images placed).
If I remove the text box from this document at any point then no images are flagged as modified.
Just to confirm. This in not based around one document, specific images or one mac. I didn’t have this issue with 10.5.8 and Older CS4 on the same machine.
Please help??

You said this is not an issue on just one machine. Does this mean that other machines are alos showing this behavior?
The first thing to try for any flakiness like this is: Replace Your Preferences
That said, this sounds like it coud be some sort of conflict. Are you running any third-party plugins?

Why is the preview or scan images as separate files grayed out? When it was working just fine before

I have windows 8...I have been using this scanner for about a month. My scan/fax/printer is a Brother MFC-8910DW. This is what brothers website says regarding this make and model. "Scan multi-page documents using the 50-page capacity auto document
feeder or use the legal-size document glass for bound materials." For the Full month it has been scanning multiple pages using Microsoft scan a document or picture. I tried to scan this morning and it will now only let me scan ONE page at a time.(( I
have to scan over 800 pages!!) On the lower left corner there is a box I was able to click previously it says preview or scan images as separate files. It is now grayed out and I am unable to select it. I know for a fact it has nothing to do with my printer
because I use it for a month and it worked beautifully. Please could someone help with this issue?

Hi,
For this issue, I would suggest you update to the latest printer driver, if you have any other related printer\scanner programs installed, please make sure that you have the latest version or reinstall as a test.
It's recommended to contact the manufacture for members there are more familiar with this product
Brother Support
http://www.brother-usa.com/askus/#.VA_jdFscSM8
NOTE
This
response contains a reference to a third party World Wide Web site. Microsoft is providing this information as a convenience to you.
Microsoft
does not control these sites and has not tested any software or information found on these sites.
Yolanda Zhu
TechNet Community Support

Automatically place images within multiple InDesign documents

I work for a publishing company of agricultural trade magazines and work on few titles each month. We are trying to streamline our production procedures and previous company I worked for had a script they used to place images within text pages by searching for the file name, however there were some limitations with this script (it would only work within 1 InDesign document and only within 1 InDesign story at a time). The company I am with now breaks out each editorial story into separate InDesign files and we place image boxes when the display ads are going to go. For our purposes now, I am looking for a script that, once all of the image boxes were tagged with the image file names, could search between multiple InDesign documents in a folder and automatically place all the images for us. Is anything like this available or able to be created? If so, would it have the capacity to search between multiple InDesign documents and search the entire document for the image file names? Any help would be greatly appreciated!

Hi Kasyan,
They were tagged using a program called Pathways created by a computer programmer the company used at the time. The issues that I was working on were annual Buyers' Guides so they were mainly just listings and inline graphics. The kinds of issues I work on now are monthly issue with various stories and no inline graphics, but display advertisements. And each story is created and laid out in a separate InDesign document. So I would need a script that can search an entire group of documents for file names and/or image boxes instead of just in one story in one document for inline graphics. (sorry if this is confusing).
I currently do not have a script to work from and am looking for something new that can be used to save use the time of placing every ad manually.
Thanks for your help and feedback!
Matt

Rotating images and links

I have a website that uses include commands to insert shtml files into different sections of my home page. I would like to have rotating images and text links in one of the include sections. For example, image one shows up with link to URL #1, then image two shows up with link to URL#2. Any thoughts on how to easily accomplish this? Would I use Flash, javascript?
Thanks,
Elliott

This one uses JavaScript.
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Rotating image, decomposition page, recognizing text... etc.

Hi,
Each time I open new pdf file, there is a small pop-uo with black background on the right bottom of the file indicating some operations: rotating image, decomposition page, recognizing text... as here:
These popups appear automatically, even if the document is in good quality! Meanwhile I can't navigate the document! I have to wait until the end of these processes (this could take longtime depending on the size of file) !
Does anybody know how to deactivate these popups?
Thanks.

I had this problem in Acrobat Pro 9.4.5 and just figured out how to fix it: It is related to a "read out loud" setting.
Apparently Acrobat OCR's the document just to figure out in which order it should be read aloud, and there's no way to disable this. The document I was having trouble with does have equations in it, so whether or not this takes long enough to be annoying may depend on whether the document contains things that are hard for OCR to process.
You can fix it by editing preferences for "Reading" and change Reading Order to "Left-to-right, top-to-bottom..." instead of "Infer reading order from document (recommended)". Then make sure Screen Reader Options is set to "Only read the currently visible pages".
Best, J

I can't open CS5 documents in CS4

I can't open CS5 documents in CS4. I know I need to update my plugins, but when I go to updates it says there are none. I have a hardcopy of CS4, is there a way to download CS4 electronically so I can receive all the updates I need? I have no idea how to do this manually . . . or maybe I just need to upgrade to CS5?

Or else you need to update CS4 to the 6.0.6 patch...
And please delete your personal information when you reply by email. You don't want that published on the web. Also, the forums do not acept attachments. If you want to show us an image you must return to the web page and use the camera icon to embed it in a post, like this:

Save rotated image. How?

After I rotate an image to the vertical position, how do I save the new position
in a file?

Adobe Reader can only rotate the view of a document.
To really rotate a document or pages you will need Acrobat.

Magic Trackpad - Rotate Image

I love my new magic trackpad! All the documented features work wonderfully except for one. I can't figure out how to get "rotate image" to work. I opened an image in iPhoto and in Preview, but the two-finger rotation movement does not rotate the image.
In what applications will this work? Do I have to buy Aperture or Adobe CS4? Or maybe a newer version of iPhoto? I have on older version of iPhoto, I think 6.0.6.
You'd think it would work in Preview though. Any tips are appreciated.
Message was edited by: Carole Mah

I've got it working now . . . The "rotate" option is just more sensitive than I was expecting: First, you've really gotta be careful with how you do the gesture, or else instead of rotating the image your mouse cursor just circles around the screen OR the iPhoto thinks you're doing a pinch-to-close/zoom gesture instead of a "rotate" (e.g., make sure your two fingers stay the same distance apart while you're doing the "rotate" movement). Second, there seems to be a delay between when you open the photo in iPhoto and when you can start spinning it, especially if it's a photo with a large file size; you've gotta give the photo a second to load up completely, then try the "rotate"; and you might get another delay if you try to rotate it clockwise after rotating it counter-clockwise, or vice-versa.
I also found that using iPhoto's "Full Screen" mode made it MUCH easier to use the "rotate" and pinch-to-zoom gestures -- in full-screen mode iPhoto seemed to have a much better idea of when I was trying to rotate vs. when I was trying to zoom in and out, and you can actually zoom way in on a photo via pinch-to-zoom instead of being capped at the images full size, etc.
Seems like the "rotate" gesture could use some more work to make it easier to use, but it's pretty cool once you get used to performing the gesture exactly right.

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

I am using a Photoshop cs2, and I wonder if it is possible to keep the settings of the guidelines when closing an image, with the actual document ? It would be nice to have the guidelines locked down, I find it than when opening the same or another image,

I am using a Photoshop cs2, and I wonder if it is possible to keep the settings of the guidelines when closing an image, with the actual document ? It would be nice to have the guidelines locked down, I find it than when opening the same or another image, the guidelines are not locked, it is annoying to have to lock them down again. and it would actually be nice, to ba able to give specific directions when placing the guidelines. Thanks

Then why are the guides unlocked when I reopen a document that I saved with the guides locked ?
Thanks.

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

Rotating images in separate htm document (DW CS4)

Similar Messages

Maybe you are looking for