Placing images inside scrollbars?

hey, does anyone know how to place an image inside a scrollbar? i think my scroll bar is div if that helps at all....? it seems like such a simple question but ive been sitting here over an hour trying to figure it out. any help would be muchly appreciated. thankyou

If you want something fancy in appearance that is cross browser compatible, have a look at Project Seven's Vertical Scroller Magic. This is an extension for DW that's very easy to use and customize if needed.
http://www.projectseven.com/products/tools/vscroller/index.htm
If all you want is a static #division with scrollbars, use CSS like so:
CSS:
#scrolDiv {
height: 200px; /**adjust to required height**/
overflow: scrolling;
HTML:
<body>
<div id"scrolDiv">
content goes here
</div>
</body>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Similar Messages

Placing images inside images

How do I fill text with images

Is it something like this you want?
Here is the link to how to do it:
http://i-work-in-pages.blogspot.se/2010/07/transparent-letters-put-image-inside. html

Getting the filename of a placed image inside a smart object

Hi
I'm wondering if I can get any help with a problem I'm trying to overcome for a friend of mine.
My friend is a photographer who does a lot of schhols work (pupil portraits) and wants to create a little document similar to this (very simplified) version:
I'm trying to help him to create a batch process so that he can make this take up much less of his time!
Here's where I've got to so far. I've created the layout above which is essentially a smart object (from an external file) manipulated in a couple of ways.
The workflow as I see it at the moment (although I'm wide open to suggestions, and I'm having a bit of Friday brain) is this: I generate an action that replaces the content of the external file with the contents of (each file in his incoming list, sequentially).
That file then comes back into the layout above and a new (flattened) copy is saved out from there.
Rinse and rerpeat through the list of incoming files.
I can just about make that bit happen using actions, but here's what I can't get - the filename of the incoming file (the one that's placed in the smart object). Can I can use a modified version of the AddFileName script to generate a text layer based on the filename of the placed contents in the smart object? Does any of that make sense? I'm reading this back to myself and even I'm not sure! ho ho.
My lack of logic/coherent sentence structure here is what probably holds me back in any eforts I have made in getting into scripting.
I'd appreciate any help that could be offered.
Thanks.
Fenton

Ah - alas it sems not to be. I think I am going to have to come up with a different workflow and by extension, solution. My current thinking is that I need to have an input folder for the images to be used in the layout, and an output folder for the results to be saved into, along with the layout.psd (as above) all housed in the same folder. Then I need (help) to write a script that does the following:
Checks that the layout document is open (that bit is easy enough)
if(documents.length==0){
   alert("You need to have your layout template open (-layout.psd-)")
}else{
    // Do next bit here - and what I'm trying to do is described below.
    // Hopefully by typing it out I might start to get it straight in my head
    // Any help with any part of this process is greatluy appreciated
    // I'm trying to learn!
Then what I think the script needs to do is tocheck the contents of the input folder and find out how many files are in it then set this as a variable, to set the length of a loop, maybe? Or should it load the filenames as an array and work through them sequentially?
Once that information is established, there is a smart object on the first layer that needs to be updated with the contents of the first file - my thinking s that this is done by the script opening each image, and then copy/pasting into the smart object, merging down (so I don't end up with an enormous multi-layered file). My reason for thinking this would be a good idea would be that I could just run a quick check to make sure that no landscape pics have sneaked in there and if they have, rotate them (which again, is pretty easy as even I could do that bit, too).
doc = activeDocument;
            if (doc.height < doc.width) {
              doc.rotateCanvas(90);
            } else {
              // Carry on
This will update all of the smart object instances throughout the layout template.
Then the text underneath the main image needs to be updated with the filename of the file that has been pasted in the smart object, and after that a [flattened] copy saved out to an output folder.
Rinse and repeat for the remaining images in the input folder.
Any thoughts?
Thanks
Fenton

CS3-style of placing the images inside frames in CS4.

Hi everyone,
I'm trying to find a way to have the cs3 - style of placing the images into frames in the new Indy CS4. I mean when I hit cmd+D and draw a frame I don't want any scaling / fitting of the placed image. I know there's no scaling if you drop an image into existing frame but when you draw one on-the-fly it's either the frame that keeps the proportions of the image or when you hold shift the image gets scaled to fit into.
I'd rather have the old style placing as an option - but didn't find such a switch anywhere in the prefs.
Thnx.
R.

Interesting request. I wouldn't have thought anyone would want the older way of creating images in frames, but I guess there's always someone who wants the old ways.
I can't find any preference to restore the behavior back to the pre-CS4 way.
But if you want to work with images the old way, you can. Your commands are just a little different, in a different order. But you may actually save a step.
Consider:
b In CS3 you had to do the following:
1. Drag to create a frame.
2. Switch to the Direct Selection tool.
3. If desired, change the position the image inside the frame
4. If desired, scale the image inside the frame
5. If desired, use the Fitting commands to fit the image inside the frame.
b In CS4 you have to do the following:
1. Drag to create a frame.
2. Switch to the Direct Selection tool.
3. Scale the image inside the frame.
4. Position the image inside the frame.
However, step 5 is probably eliminated as you already started with the image fitting inside the frame.
I agree no one likes to need to learn new work habits, but it's not such a big deal.

Can an image in the slideshow widgets be moved around inside the bounding box as can be in a normal image placed into Muse (double clicking on a placed image gives the functionality to move the image around - as per Indesign functionality)

Can an image in the slideshow widgets be moved around inside the bounding box as can be in a normal image placed into Muse (double clicking on a placed image gives the functionality to move the image around - as per Indesign functionality)

Can an image in the slideshow widgets be moved around inside the bounding box as can be in a normal image placed into Muse (double clicking on a placed image gives the functionality to move the image around - as per Indesign functionality)

How do i get a placed image to appear as image inside a layer?

There is a long winded reason why I want this, but in essence I am trying to replicate another artwork that has been supplied to me.
When I place a Photoshop image (TIFF / PSD etc) how can I get it so that it simply appears as <image> inside the relevant layer (screen shot attached)
I am finding that when I place an image I do not get this

That's what I had assumed. It just doesn't seem to be working for me. You don't think there is a Preference setting that might disable it?

How do I position a Loader image inside a Sprite?

In AS3 / CS4 I'm trying to programmatically create a bunch of rectangular objects, let's call them 'cards', that will contain an image and a colored background and eventually some other elements like text. I want to create alot of these cards and move them around inside of a larger panel (also a Sprite) of sorts. I can successfully create colored rectangles in my cards and place the cards where I want in the panel, but whenever I try to add an image to a card, I can't seem to position the image inside the card's coordinate space, it ends up being placed inside the larger panel's coordinate space instead, even though I'm adding the image/loader as a child of the card. I thought maybe it had something to do with having to wait until the image loading was complete, so I added the listener as a test but that didn't work. Here's the code:
            var cont:Sprite = new Sprite(); containing 'card'
            var rect:Sprite = new Sprite(); // draw a colored rectangle in the card
            var loader:Loader = new Loader();
            loader.contentLoaderInfo.addEventListener(Event.COMPLETE, positionLoader);
            rect.graphics.beginFill(0xbb3399);
            rect.graphics.drawRect(60,60,99,99); // this works as expected
            rect.graphics.endFill();
            cont.addChild(rect);
            addChild(cont);
            var req:URLRequest = new URLRequest("top.png");
            loader.load(req);
            function positionLoader(e:Event):void {
                loader.x = 30; // position the image inside the containing card
                loader.y = 30;
                cont.addChild(loader); // add the image to the card

I solved this problem.

How to find out the Pixel Dimensions and Document Size of placed images?

Is it possible to find out the placed image details like Pixel Dimensions(Width,Height) Document Size(Width,Height) in illustrator through scripting. Kindly advice me with some examples.

http://www.adobeforums.com/webx/.3bbaa316.59b84fd8
I hope the snippet therein will get you started.
But after all, when you place an image via pi=layer.placedItems.add() it should pop in with its default dimensions, so that you have pi.height and pi.width ready.
Is this what you are aiming at?

SCRIPT TO IMPORT MULTIPLE PLACED IMAGES..AND OUTPUT MULTIPLE IMAGES TO SINGLE PDF.

Anyone got a script to import multiple placed images into CS4? or is this possible in CS5?
and can we output multiple layers into a single PDF in illustrator? Or multiple layers into single JPEGS from illustrator with one command instead of individually saving out each page... would be a huge time saver for me.
Currently I output each completed layer individually and then right click those outputted jpegs in their output folder and choose "combine supported files into acrobat..." to make a single acrobat file..
I`d also like to be able to CTRL click multiple layers and go save as... only those layers get saved out...
And so adding something in the Save for PDF output dialogue box to save layers to multiple pages would be a helpful time saver..

In CS 4 and CS 5 you can drag and drop fro m the finder or the Bridge, and I guess any other similar type viewer, multiple number of image files to a document. You can configure the bridge in such a way as to allow you to see the Bridge and your document at the same time for this very purpose.
If you just drag and drop the files are linked if you drag while holding the shift key then the files will be embedded.
ID and PS CS 5 have a minibridge which works the sam way but is an actually panel and will stay in the front.
I separate the images but they import one on top of another.

How do I align a placed image in a frame using JS?

I am new both to javascript and to scripting for InDesign, so please bear with me on this question.
I am trying to align an image in a graphic frame so it aligns to the top right corner of the frame.
I can do this using the InDesign interface by following these steps:
1. Create a rectangular frame.
2. Right-clicking the frame and selecting "Fitting > Frame Fitting Options."
3. Selecting the top-right square in the "Alignment" area of the Frame Fitting Options dialogue.
For me, this automatically aligns the image to the top right corner in the selected text frame, even if there is a placed item in the frame.
I am trying to apply this to the actual image frame using the following code where "modelFrame" is the rectangle that is the parent of the placed image:
modelFrame.frameFittingOptions.fittingAlignment.anchorPoint = AnchorPoint.TOP_RIGHT_ANCHOR;
I am not getting an error, but I am also not getting the desired results (in fact, it doesn't change anythign at all). What am I doing wrong?

Hi lanejd,
I have got the same issue as you but had just found the solution. Please see below:
modelFrame.frameFittingOptions.fittingAlignment.anchorPoint = AnchorPoint.TOP_RIGHT_ANCHOR;
This will only set the properties for the Frame Fitting Options. You will need to call a method/function. Add the below line to your script and it will execute the Frame fitting Options.
modelFrame.fit(FitOptions.applyFrameFittingOptions);
Hope this help!

Add Strokes to Placed Images in Illustrator

Hi All,
I'm having a problem to add a stroke "frame" around my tiff image in Illustrator. My image is a "traced picture" from Photoshop. I used the following technique:-
Technique: Use an Effect
Choose File > Place and select an image to place into Illustrator document.
Choose File > Place and select an image to place into Illustrator document.
The image is selected. Open Appearance panel and from the Appearance panel flyout menu, choose Add New Stroke.
With the Stroke highlighted in the Appearance panel, choose Effect > Path > Outline Object.
However, the result I got was the stroke around the image NOT the frame around the image.
How do I achieve it. Any help and tips are greatly appreciated. Thanks in advance.

Technique #1: Use a Mask
This technique requires Illustrator CS3 and works only when your keyline will be rectangular in shape.
Choose File > Place and choose an image to place into your Illustrator document. You can either Link or Embed the image. Once you've chosen the image, click the Place button.
The image is selected (if your image already exists in your document, select it now), so if you look in your Control panel at the top of the screen, you'll see a button labeled "MASK". Click on it. This creates a mask at the exact bounds of the image.
Press the "D" key for Default. This gives the mask a black 1 pt stroke attribute. Adjust the stroke per your design needs.
NOTE: An additional benefit to this method of using a mask is that you now have the elements in place to simulate a "frame and image" paradigm like InDesign. Once you've created your mask, you can decide to "crop" your image by double clicking anywhere on the photo. This will put you into Isolation Mode. Now click on the frame edge and resize at will. When you're done, double click outside the image to exit isolation mode and continue working. This method works wonderfully when you're using the Selection tool (black arrow) and have the Bounding Box option turned on (in the View menu).
Technique #2: Use an Effect
At first, it may seem that applying a keyline with the use of an Effect is a tedious process. But we all know that once we've applied an effect, we can store it as a Graphic Style, at which point applying our keyline will become a single click. Go ahead, ask me why Adobe doesn't ship Illustrator with such an effect as a default setting in the NDPs (New Document Profiles). Go ahead, ask me why Adobe doesn't allow us to assign keyboard shortcuts to styles like InDesign does. I don't have answers to either of those questions (sorry). But let's get on with the styles, shall we?
There are two separate effects that we can use, and each provides a different benefit.
Choose File > Place and select an image to place into your Illustrator document. You can either Link or Embed the image. Once you've chosen the image, click the Place button.
The image is selected (or if your image already exists in your document, select it). Open your Appearance panel and from the Appearance panel flyout menu, choose Add New Stroke. We can't see the stroke yet, because all we have is an image. But we'll change that in short order.
With the Stroke highlighted in the Appearance panel, choose Effect > Convert to Shape > Rectangle. Check the Preview button, select the Relative option, and set both the Extra Width and Extra Height to zero (0). (Be careful not to press Tab after you enter the second value, or it will switch back to Absolute.) Click OK to apply the effect. Style the stroke attribute to match your design preference.
Now make this easier to apply in the future. With the object still selected, open the Graphic Styles panel and click the New Graphic Style button at the bottom of the panel. Give the style an appropriate name. If you then add this style to your NDPs, it will be readily available in all new files that you create.
Add Strokes to Placed Images in Illustrator | CreativePro.com

My InDesign program is printing my placed images lighter than illustrator.

I am trying to print a colour logo in Indesign with black type on my inkjet printer. The colours are appearing fine on screen and so is the black but when I print everything is washed out. I tried just printing a black box and it appears black on screen but in print it is grey. I have tried changing the preferences Appearance of Black to rich and accurate but that did not make a difference. Do I need to do anything in color management I am using Indesign CS2. How can I solve this problem?

Acrobat worked, thanks for that advice. I set my Convert to Profile under the Edit Menu to Color
Match RGB. That helped a little bit but it is not printing like the
pdf. I would like to get this problem resolved. I normally use
illustrator most of my work. But I would like to have InDesign working
properly as I need it to do other jobs.
Take Care,
Jen
Take Care,
Jen
Date: Fri, 14 Aug 2009 14:24:47 -0600
From: [email protected]
To: [email protected]
Subject: My InDesign program is printing my placed images lighter than illustrator.
Jen,
This is a problem that you have no time to fool with, correct?
When printing from InDesign and all looks hopeless, export to PDF and print from the PDF.
Why?
I don't know for sure but it seems all printers made recently accept PDF better than straight from InDesign. It could be the printer driver and it could be InDesign but you don't have time to mess with it now. Wait for some free time to sort it out, but for now output to PDF and print from Adobe Reader or Acrobat.
>

Create Pattern Swatch from Placed Image in Javascript

I need to create a large number of pattern swatches from some .jpg file on disk. I've figured out how to script the insertion of the .jpgs into my AI document as placed images:
     // Embed the image into the document.
     file = new File("MyImage.jpg");
     var document = app.activeDocument;
     var newPlaced = document.layers["swatches"].groupItems.createFromFile(file);
     newPlaced.name = "MyImage_Placed";
This works fine and the item shows up in the correct layer as an embedded image.
Now I want to create a PatternSwatch (I think) from that Image.
To create a new swatch the code starts out as:
     newSwatch = document.swatches.add();
     newSwatch.name = "MyImage_Swatch";
but now I'm stuck! How do I associate the new PlacedItem with the swatch I just created? I can see the swatch in the palette so I'm partway there.

When you say you would drag the image itself into the Swatch Palette and it would show the image itself? How would then use this swatch? Can you give an example of what you would apply a jpeg to as a swatch? The only palette that I can think of off the top of my head that you can drag a jpeg into and have the icon appear as the jpeg is the Symbols Palette. Is is possible that you were using the Symbols Palette in the past and not the Swatch Palette?

InDesign Crashes while placing images on document.

Hi All,
I am facing problem and i am stuck at this point.
I download an image in a folder and place it in graphic box using IImportExportFacade's ImportAndLoadPlaceGun method it is working fine, but when i delete placed image from folder then it becomes as missing link after that if I download the same image at same path and try to place in another graphic box using same above API then indesign get crashed.
What is problem Any idea?
Please help me if anyone having same isuue i need to fix it urget.
Thanks in advance.
Regards
Tahir.

Does it happen in other files withthe same image(s)? How about in a new user?

Newly placed images not showing up and Text Styles not previewing correctly

I was playing around with defining new text styles and they
looked OK in Dreamweaver but when previewed in browser everything
was in Times. I deleted all the pre-set styles trying to fix the
problem out why when I realized now newly placed images don't show
up in preview, but old images will. I can copy and paste an
existing image and it will show, but not if I place it new. When
trying to Manage Site, I kept getting a "Home page is not on
this...." message. Please help me figure out what I have
done!!!

>Home page is not on this...
Several possibilities spring to mind the first of which is
you haven't
defined your site properly or at all
>previewed in browser everything was in Times
a link to your stylesheet has an incorrect path
>realized now newly placed images don't show up in
preview,
they should, defined site again?
If you have a URL we could see the code?
If not can you post the code here, otherwise these are all
guesses
Jo
"chas0616" <[email protected]> wrote in
message
news:esa2uh$h4d$[email protected]..
>I was playing around with defining new text styles and
they looked OK in
> Dreamweaver but when previewed in browser everything was
in Times. I
> deleted
> all the pre-set styles trying to fix the problem out why
when I realized
> now
> newly placed images don't show up in preview, but old
images will. I can
> copy
> and paste an existing image and it will show, but not if
I place it new.
> When
> trying to Manage Site, I kept getting a "Home page is
not on this...."
> message.
> Please help me figure out what I have done!!!
>

Placing images inside scrollbars?

Similar Messages

Maybe you are looking for