Swapping images - need to change size

I am trying to create a disjointed rollover so that when I
click on a picture thumbnail in one frame, the full-size image
changes on another frame (it is for a photo website - there are
about 20 thunbnails on a page and a space for only one full-size
image).
It works perfectly fine with "Swap Images" behavior as long
as all full-size images are of the same size - you just set one of
the full-size images as an original as then swap images as you
click on different thumbnails. The problem I am struggling with is
that my full-size images are of different size - "Swap Images"
functions distorts them since it resizes all full-time images to
the same size. What is a solution?

You can do this many ways ways -
1. Don't use swap image - use Show/Hide layer instead. Have
the alternate
image in a hidden layer that is shown when the trigger is
'tickled'. Using
this method you can have images that are any dimension.
2. Use swap image, but remove the dimensions from the
original image's tag,
i.e., change this -
<img name="original" width="150" height="220" ...
to this -
<img name="original" ...
Now when you swap in your offsize image, there is no
predefined size to
change it to. Be aware that this method may well result in an
unpleasant
and undesirable 'rearrangement' of your page layout as it
adjusts to your
new image's dimensions.
3. Pad the smaller image with canvas background color on all
sides so that
all the images *are the same size*.
4. Use a SetTextofLayer (SetText of Element in CS3) behavior
to change the
image reference in a layer (or non-positioned container)
placed so that it
will show the desired larger image in the proper place.
5. Use the PVII ShowPic extension -
http://www.projectseven.com/
Take your pick....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"ADoubov" <[email protected]> wrote in
message
news:[email protected]...
>I am trying to create a disjointed rollover so that when
I click on a
>picture
> thumbnail in one frame, the full-size image changes on
another frame (it
> is for
> a photo website - there are about 20 thunbnails on a
page and a space for
> only
> one full-size image).
>
> It works perfectly fine with "Swap Images" behavior as
long as all
> full-size
> images are of the same size - you just set one of the
full-size images as
> an
> original as then swap images as you click on different
thumbnails. The
> problem
> I am struggling with is that my full-size images are of
different size -
> "Swap
> Images" functions distorts them since it resizes all
full-time images to
> the
> same size. What is a solution?
>

Similar Messages

  • Logon image needs to change automatically for corresponding month

    Hi All,
       We have a requirement where in,the logon image needs to change according to the month.If Jan then 'mage A'if Feb then 'mage B' simillarly for dec.We have 12 images.How can i acheive this?Kindly help in this regards.
    Thanks in Advance,
    Naga

    ok, then you have to change login module, try using scheduler servlet, which will create time interval. Also you have to copy all images in one folder location in server, but check with image name because it might affect.
    Edited by: Yogesh Galphade on Feb 23, 2011 7:41 PM

  • Need help changing size and aspect ratio for 500+ images

    Thank you for reading this! I have about 500 images of people in different poses. They're all extracted on a transparency as PNGs. They vary in aspect ratio, dimensions and position of the person within the frame - for some the feet are very close to the bottom of the frame and for some, they're higher up. I need to equalize all 3 of these qualities, so that if superimposed, they look like a video unfolding with the same zoom. My ideal size would be 800x800 at 300ppi.
    Is there a way to batch even a part of the process and keep the png format? I had the images in PSD initially but they were too massive so creating catalogs with them was prohibitive.
    If not possible to do a batch, what would be the best (easiest) and fastest way to do it? I'm thinking that maybe creating some template where an oval shape the size of the head can help create consistency of the size of the person and a line that helps set up the distance from the bottom?
    I so appreciate any help you have to offer. Part of my problem is that I don't know what these processes are called so I don't even know what to search for. If you can even name the actions that I need, it would be of great help. I already paid a designer to do the extraction and they were supposed to do this formatting as well and they didn't so my budget is shot. I'm hoping that if I understand what the steps are, I can do them myself.
    Thank you!

    If you download my crafting actions package you can record an action that uses one of my plug-in scripts to do that process. You could then batch that action and process your 500 png image files.
    Crafting Actions Package UPDATED Aug 10, 2014 Added Conditional Action steps to Action Palette Tips.
    Contains
    Action Actions Palette Tips.txt
    Action Creation Guidelines.txt
    Action Dealing with Image Size.txt
    Action Enhanced via Scripted Photoshop Functions.txt
    CraftedActions.atn Sample Action set includes an example Watermarking action
    Sample Actions.txt Photoshop CraftedActions set saved as a text file.
    More then a dozen Scripts for use in actions
    Example
    Download
    Step 1 Select layers transparency
    Step 2 Copy
    Step 3 Paste
    Step 4 Select all
    Step 5 Align Layer s to selection vertical center
    Step 6 Align Layer s to selection horizontal center
    Step 7 Select bottom Layer
    Step 8 delete current layer
    Ste9 9 Fille>Automate>AspectRatopSelection... In the dialog set 1 1 ratio center rectangle replace selection feather 0
    Step 10 Image Crop
    Step 11 File Automate>Fit Image.  In dialog enter width and height 800
    Step 12 Image size in the dialog uncheck Resample and enter 300 in the resolution field.
    I'm sure the should work you mane not need the copy paste and it depends on how Photoshop treats the PNG layer the canvas size or just the pixels.
    This may also work
    Step 1 Select all
    Step 2 Align Layer s to selection vertical center
    Step 3 Align Layer s to selection horizontal center
    Ste9 4 Fille>Automate>AspectRatopSelection... In the dialog set 1 1 ratio center rectangle replace selection feather 0
    Step 5 Image Crop
    Step 6 File Automate>Fit Image.  In dialog enter width and height 800
    Step 7 Image size in the dialog uncheck Resample and enter 300 in the resolution field.

  • Swap images DW CS6 odd sizes?

    Trying to transfer my site to a fluid grid set up. Some, not all, of the swap over images that have worked previously, now come up as a different size to the initial image? I have checked the actual sizes and changed some to work with the max-width: 100% thingy. I can't see what could be doing this as I really have taken care over the images and sizes and it is only happening to some of them?
    For instance:
    <img src="images/vinnybike.jpg" alt="vinny"id="Image1" style="float:left; padding:8px; " onMouseOver="MM_swapImage('Image1','','images/blacksad.jpg',1)" onMouseOut="MM_swapImgRestore()">
    Now both images are 600 x 33 at 72px/in but images/blacksad.jpg comes up bigger, scattering the text as it does.
    The only change here to the original code was to remove the sizes from 1st image to maintain aspect ratio.
    Please help

    <img src="images/vinnybike.jpg" alt="vinny"id="Image1"
    Is the missing space between the alt value and the id assignment a typo?
    Anyhow, you would need either a width or a height attribute in the <img> tag, e.g.,
    <img width="100%"...
    Only specifying one of them allows the other to float and preserves the aspect ratio of the image. 
    I think that'll work....

  • Need to change size of I-beam and cross for accessibility

    I am visually impaired and use Acrobat Pro for my job.  I have gotten to the point that I can no longer see the I-beam or cross as they move around the page.  I have resolved this at the OS (Windows 7) level and have larger and thicker pointers that work in all of my other apps, but Acrobat reverts to its own.  Please help me, as if I cannot figure this out I will no longer be able to work.

    You might not like what Harm or Todd are telling you but, unfortunately, that's the way it is.
    To scale up into new sequences, you'll need to create a new sequence for each version you require:  one at 1024 x 768 and the other at 720 x 575.
    You then drag the original .mp4 sequence into each new sequence in turn, scale up and then output.
    I'm assuming that the mp4 is 16:9, in which case, the 720 x 576 sequence will have to be anamorphic widescreen.
    Remember: as Harm and Todd say, enlarging any image beyond its original resolution will degrage its quality because, through interpolation, it will attempt to create new pixels where non existed before.  This creates that pixelated effect we've all seen when digital photos have been enlarged too much..

  • Pic Ratio and Swap Image Behaviour

    Alrite guys, iv been picking up my web design skills by
    developing my own site, and as part of that iv design a gallery
    with thumbnails circling a central picture. now iv used the swap
    image behaviour to change the thumnail to the central large pic,
    unfortunatly the pictures are stretching to the limit of the slice,
    is their anyway to fix the ratio of all the pics am using so they
    come up in their original size rather than being stretched beyond
    the original?
    Cheers
    Dark

    You can do this many ways ways -
    1. Don't use swap image - use Show/Hide layer instead. Have
    the alternate
    image in a hidden layer that is shown when the trigger is
    'tickled'. Using
    this method you can have images that are any dimension.
    2. Use swap image, but remove the dimensions from the
    original image's tag,
    i.e., change this -
    <img name="original" width="150" height="220" ...
    to this -
    <img name="original" ...
    Now when you swap in your offsize image, there is no
    predefined size to
    change it to. Be aware that this method may well result in an
    unpleasant
    and undesirable 'rearrangement' of your page layout as it
    adjusts to your
    new image's dimensions.
    3. Pad the smaller image with canvas background color on all
    sides so that
    all the images *are the same size*.
    4. Use a SetTextofLayer behavior to change the image
    reference in a layer
    positioned so that it will show the desired larger image in
    the proper
    place.
    5. Use the PVII ShowPic extension -
    http://www.projectseven.com/
    Take your pick....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Dark7722" <[email protected]> wrote in
    message
    news:fusck6$of2$[email protected]..
    > the issue iv got is not the large images being reduced
    (am quite happy to
    > crop
    > them to fit) but the much smaller images being stretched
    from a horizontal
    > rectangle to a much large vertical rectangle, their a
    different shape from
    > the
    > central image to begin with
    >

  • I have thousands of pdf and need to change an image that is the same at all.

    Hi,
    I have thousands of pdf and need to change one image that is the same at all.
    Is it possible to do this automatically?
    Thanks.

    The image is the same size, but not in the same position
    Thanks

  • How can I Change Asset names for swapped images in duplicated symbols?

    I have what seems to be a bug in edge animate cc2014 in following circumstances:
    1. Duplicate a symbol
    2. Drag duplicate symbol onto stage.4
    3. Rename symbol
    4. Click to edit symbol
    5. Select an image inside the symbol
    6. In properties panel change path to swap the image to be used in this instance of the  duplicated symbol ( I need to reuse this symbol many times and not being able to change asset names is a real problem!).
    7. The names for the asset in both the timeline and the elements were auto generated at the time of duplication when try to change the names they revert back to the auto generated  names.
    How can I overcome this problem which is clearly a bug or a poorly thought through bit of programming by an otherwise highly competent adobe edge animate tesm
    Thank in advance
    David.

    Again, incorrect. It's not about how I can address a specific symbol with code - no problems there - it's what the composition loads into the symbol. Try it with some complex component or sub- symbols.
    Work-Around for using Duplicated and Revised symbols (symbol variants) in the SAME document. Solution.
    Tedious, but easy. Low risk. Edge Animate 2014.1.1
    When you duplicate a symbol comprised of symbols itself ("sub-symbols"), only the outermost symbol gets a unique name, not it's component inner symbols. Upon import of additional variants, a unique name is created in the Library/Symbols panel for the inner symbols, yet the references in the outer symbol can't update to use those unique inner-symbol names. Therefore, the composition loads the symbol with the matching name. This will be the first variant to be imported.
    Make the Duplicate
    Duplicate the symbol in the Library/Symbol Panel. Rename. Export.
    Prepping the Symbol
    Open a new document, import and place the new symbol.
    Select the asset to be switched/replaced. Make the switch in the property panel. Properties/Images/Swap button. (I revised my base or source symbol to have different colored background images. This is how I created 4 color variants.)
    Save the new document, of course. "Example1.an"
    Export the revised symbol from the Library/Symbol Panel for safe keeping.
    Return to Example1.an
    Elements Panel: Work through the nested symbols, adding a preceding identifier to all symbols in the heirarchy.
    *KEEP IT SIMPLE so you can easily and quickly move through the .js files in the following steps.*
    Save Example1.an.
    Library/Symbols Panel: Go down the list, renaming all the symbols with the same preceding identifier as was used in the Elements Panel. *I advise to stay parallel with the Elements panel. Change as little as possible.*
    Disregard any odd appearance you may see on the stage for now.
    Save Example1.an
    Revising the Code
    In Edge Code, also part of the Creative Cloud suite, or any code editor, open the two .js files for "Example1.an." found in the same folder...Edge.js and ...EdgeActions.js
    ...Edge.js
    find  "symbolName" - prepend with the identifier whatever is not already prepended.
    at the same time, look for "id" nearby - prepend with the identifier whatever is not already prepended.
    Save
    ...EdgeActions.js
    First read the grey comments about not degrading the //Edge Comments.
    Search the document for "//Edge symbol" - prepend whatever is not already prepended.
    Carefully check all the orange text, prepending the symbol names you find. This same code can be seen in your Code Panel with the "Full Code" button.
    Save
    Return to Edge Animate
    When prompted to Reload, say yes.
    Save Example1.an
    EXPORT your new top level symbol - now a fully separated asset.Now you have created a fully unique symbol, which can be used in conjunction with other variants in the same document.
    Import your new, unique symbol variant it into your real document.
    This is the solution if your Symptoms are:
    I duplicated symbols to make different variations, but now I can't use the duplicated symbol variants together.
    When I try to swap images in a duplicated symbol, it succeeds when used alone, but reverts when used with the original symbol.
    My duplicated symbol works properly alone, but not when it is used with the original symbol.
    My symbol seems to revert to the original source symbol.

  • I'm having trouble backing up my second macbook to a new time capsule.   continue to get an error message -- "Time  Machine Error.  The backup disk image could not be created."   Is there something I need to change in my time capsule or time machine?

    I just set up a new time capsule.  it worked fine on my first macbook.  But now I cannot backup my second macbook.   Getting "Time Machine Error"  "The backup disk image could not be created."  Do I need to change settings on my time capsule to allow the second computer, or do I need to change something on the computer to allow time machine to work right?

    Try #C9 in Pondini's Time Machine Troublshooting
    http://pondini.org/TM/Troubleshooting.html

  • I did a presentation with many images and animations, now I need to change only the images without modify the related animations. How can I do it?

    I did a presentation with many images and animations, now I need to change only the images without modify the related animations. How can I do it?
    I use Keynote 09

    Select the image you want to change and go to Format Menu>Advanced>Define as Media Placeholder (or command, option, control i).

  • Changing size of image in ACR mode

    Have just bought Elements 12. When editing image in raw mode I cannot change size of image using ALT in combination with the mouse scroll  button like I could in Elements 8. Clicking plus and minus signs is clumsy and slower

    I believe that was removed in acr starting with the late 6.x or 7.x series and not sure why.
    One way to zoom quicker with the zoom in (plus) is to drag a box on the image, although that doesn't work for zooming out (minus).
    You can also right click on the image to get a menu with different zoom values (viewing percents).

  • Converting HD footage....need to change pixel size??? I need help!

    I have someone who shot an event for me and has edited it. He edits on a PC using Vegas. He shot the event in HD. (I haven't gone HD yet and really know nothing about it.)
    The problem is getting his HD footage created in Vegas into my FCP. He sent me a test .m2t clip. Neither QT nor FCP would recognize it. I downloaded Streamclip to convert it, but although Streamclip recognized it, it would not open it. It said "Unsupported Format."
    So now he has figured out how to export the footage as QT, but again he sent a test clip and it is letterboxed. He said I need to change the pixel size to 1.2121.
    How in the world do I change the pixel size?????? I'm open to all suggestions here. Thanks....Nancy
    FCP 5.1.4
    QT 7.1.5

    Squished 4:3 = anamorphic. If you set your sequence to anamorphic (checkbox in Sequence Settings), it should display your clips properly and not insist on rendering. As others have noted, the rest of the sequence settings need to match you clip properties to avoid rendering or RT. You can check those properties with a control-click on the clip in the browser. There is an item there for checking the clip's technical properties. Make your sequence settings match those clip properties.

  • I need to change my Cursor when I rollover the Image, Any feature is there in Muse...?

    I need to change my Cursor when I rollover the Image, Any feature is there in Muse, I searched it, But no use, Is there's any plugin is there to do...?

    Click here and request assistance.
    (89404)

  • Unlimited Data Plan-Need to change my phone but don't want to lose!!

    I am "grandfathered" into the unlimited data plan, we have four lines, I need to change my phone as my current one doesn't work. I tried switching to an old phone that I used 6 months ago with the unlimited data via online and it would not allow me to do so. How can I change to another phone without being told I have to buy a data plan? If we need to "buy a data plan" all 4 phones will be going else where....

    Makes no difference about any tin foil hats, Verizon is using ANY MEANS to force unlimited data users off the unlimited and onto share or metered data. It is a fact. They tried twice with me and I pay full price for my devices.
    1) Change your minutes, they want to take away your unlimited.
    2) Buy a new device on subsidy, lose your unlimited data.
    3) Buy a new device on the Edge program, lose unlimited data.
    4) Swap a device on your account, they want to take unlimited away.
    5) Add a prepay tablet to your account, they tell you that you lose Unlimited data.
    However the instructions are you are prepaying for the tablet use so its billed to your credit or debit card yet not really part of your cell phone plan but they want you to lose unlimited.
    In short if you go online or call on the phone or even chat, for any reason in some cases Verizon is removing your unlimited data. And you have to be careful since many here are stating the same as I listed.
    They are a business, if they decided not to have unlimited data trust me it will be gone. So leave a little room in that tin foil so the broadcast will get through.
    Just for a giggle, many many years ago I bought an unlimited Mobil Gasoline coffee cup. You paid for it once and each time you came to a Mobil station you get a free coffee. I still have the cups (they came in two sizes) yet just try and get that free coffee. The company dropped the promotion. And now you get arrested for theft.
    Nothing lasts forever.
    Good Luck

  • When I change size of icons or icon vs list display, why does it affect the whole computer?

    When I change size of icons, or icon vs list display, why does it affect the whole computer? In some folders I want to see a list and others I want to see an icon and I don't need a large icon in all folders. I used to be able to set each folder separately in the old OS. How do I fix this?

    I can hilight an item, go to the finder/file/getinfo but there is no box next to icon view.
    I can go to view/options and adjust the icon size etc, but this applies to every folder in the whole computer. I need varied options in different folders, i.e., I want to view images as icons and text as text. I have to change it every time I open a folder. I used to be able to set it per folder in the old OS.

Maybe you are looking for