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

Similar Messages

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

Ease of rotating and cropping images in CS6

There is much I like about the new crop: Rotating the image instead of the box is SO much easier and the straighten option is a great time saver.
But in one instance, I'm finding cropping in CS6 to be harder: Cropping images that are not correctly oriented in the first place. Rotating an image 90-degrees was a snap in CS2: Alt-I/E/0. The shortcut keys are gone in CS6, so using the rotation command is no longer quick.
But I can do it in the crop box, right? True -- but not easily. The image is landscape, the crop box is portrait. With the crop tool selected, holding the shift key down to get fixed-increment rotations doesn't work: Pressing the SHIFT key changes the cursor from rotation to the crop cursor. To get the rotation, I have to start rotating the image and then press SHIFT to get 15-degree increments. A few moments later, I have rotated the image into portrait orientation -- and the crop box is now centered on the image, but it is set to crop the middle. I have to drag the handles out to get approximately what I want: The full image in the crop box. (What I want is what I would get if I rotate the image with the Rotate command, then control-zero to fill the screen, and then select the crop tool.)
We rotate a lot of images. It's easy to do in CS2 and the two approaches I've found for CS6 are both awkward. The new crop tool has replaced the dual arrows in older versions (to swap the horizontal and vertical sizes) with a rotation arrow. I think you should restore the arrows (and their function) -- then use the rotate button to rotate the image, not the crop box. (Isn't that the design center for the new crop box? We're moving the image, not the crop box.)

Howard, thanks for the tip about the X key; didn't realize it worked that way when the crop tool is active. But in this case I had set the crop box dimenions, so the crop box starts out with the correct orientation. Having played with this for a day, I conclude that the best approach for this task is to restore the old keyboard conventions for image rotation and rotate the image before launching the crop tool.
I stand by my observation that the rotate key should affect the image, not the crop box because that is consistent with the new cropping paradigm: We rotate the image, not the crop box. I realize making a change this late in the development cycle is awkward -- but if CS6 ships with this behavior, it will become even harder to change later -- and the user interface should be as consistent as possible.
Noel, you are correct: The images are coming from scanned film. All frames get scanned with the same orientation. I want to avoid the "Patient: Doctor, it hurts when I do this. Doctor: Then don't do that!" scenario. Granted: If images are "correctly" oriented, this issue doesn't arise. But not all images are oriented correctly and CS6 should be at least as graceful in handling the task as previous versions.

"While executing applyBehavior in Swap image.htm, a JavaScript error occurred."

What should be a simple web update is turning into a nightmare. I can't select any of my images to apply onMouseOver Swap Image behaviors, and I keep getting the message above.
Can I just say right now that I hate Dreamweaver CS6 and what it's doing to this project?
Ugh!

Is this a plea for help or a rant?
Javascript Errors in CS4, CS5, CS6 (the whole enchilada of trouble shooting)
http://helpx.adobe.com/dreamweaver/kb/troubleshoot-javascript-errors-dreamweaver-cs4.html
Start with #4, #10 and #12
Nancy O.

Swap Image Looks fine in Firefox, not Safari? Can Javascript be an issue in Safari?

Hi, Im new to web design as you may guess.
I'm trying to put together a website navigation page with several swap image div tags. When I view the page in Firefox it looks fine, after the behavior is applied the page doesn't view at all in safari?
Can anyone please help with this?
I have used a lot of different images and styles (some of which are no longer relevant). Please see below for 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">

</script>
</head>
<body bgcolor="#FFFFFF" onload="MM_preloadImages('images/CorpLitRollO.png','images/DisplayGraphRollO.png','images /BrandRollOai.png','images/AdvertProRollO.png','images/PackRollO.png','images/ConPhotoRoll O.png')">
<div id="Container">
<div id="IntroText">All Introductory text here<br />
and here<br />
and here.</div>
<div id="FeatherFan">
    <div class="DGOver" id="Display Graphics"> </div>
<img src="images/FeatherFan.png" alt="Feathers Green" name="Feathers" width="800" height="405" hspace="0" vspace="0" id="Feathers" /><img src="images/ConPhotoType.png" alt="Concept Photography" width="164" height="134" class="ConPhoto" id="Image6" onmouseover="MM_swapImage('Image6','','images/ConPhotoRollO.png',1)" onmouseout="MM_swapImgRestore()" /><img src="images/AdvertProType.png" alt="Advertising and Promotions" width="134" height="158" class="AdPromo" id="Image4" onmouseover="MM_swapImage('Image4','','images/AdvertProRollO.png',1)" onmouseout="MM_swapImgRestore()" /></div>
<div class="CorpType" id="CorpLitType" onmouseover="MM_swapImage('Image1','','images/CorpLitRollO.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/CorpLitType.png" alt="Corporate Literature" width="162" height="133" id="Image1" onmouseover="MM_swapImage('Image1','','images/CorpLitRollO.png',1)" onmouseout="MM_swapImgRestore()" /></div>
<div id="CorpRollO"><img src="images/CorpLitRollO.png" alt="corporate literature image" width="162" height="133" /></div>
<div class="DGOver" id="Display Graphics Image"><img src="images/DisplayGraphType.png" alt="Display Graphics" width="154" height="150" id="Image2" onmouseover="MM_swapImage('Image2','','images/DisplayGraphRollO.png',1)" onmouseout="MM_swapImgRestore()" /></div>
<div class="BOver" id="Branding"><img src="images/BrandType.png" alt="Branding" width="137" height="163" id="Image3" onmouseover="MM_swapImage('Image3','','images/BrandRollOai.png',1)" onmouseout="MM_swapImgRestore()" /></div>
<div class="Packaging" id="Packaging"></div>
</div>
<span class="Packaging"><img src="images/PackType.png" alt="Packaging" width="150" height="147" id="Image5" onmouseover="MM_swapImage('Image5','','images/PackRollO.png',1)" onmouseout="MM_swapImgRestore()" /></span>
</body>

becky ss wrote:
Hi, Im new to web design as you may guess.
Welcome to the forum. Please take a few moments to read How to get help quickly. As the advice on that page tells you, please upload your problem page to a website and provide the URL.
Since you're new to to forum, also take a moment to check out the Dreamweaver FAQ and bookmark it so you can find answers to common questions quickly.

Shattered image in cs6 like big blocks of image

shattered image in cs6 like big blocks of an image - link added
I have a problem with ps cs6 sometimes the image is shattered into small pieces, but ps itself looks normal. The problem accours more often when I use a second screen besides my macbook pro ( os 10.7) se link below. can anyone help please?
http://www.24x36.dk/24x36.dk/macproblem.html
my mac: os x 10,7 not 10.4 my processor is 2.2 Ghz Intel Core i7 memory 4GB 13333 Mhz DDR3
my extra screen dell u2410

Adobe Photoshop Version: 13.0.1 (13.0.1 20120808.r.519 2012/08/08:21:00:00) x64
Operating System: Mac OS 10.7.5
System architecture: Intel CPU Family:6, Model:42, Stepping:7 with MMX, SSE Integer, SSE FP, SSE2, SSE3, SSE4.1, SSE4.2, HyperThreading
Physical processor count: 4
Logical processor count: 8
Processor speed: 2200 MHz
Built-in memory: 4096 MB
Free memory: 551 MB
Memory available to Photoshop: 3149 MB
Memory used by Photoshop: 71 %
Image tile size: 1024K
Image cache levels: 4
OpenGL Drawing: Enabled.
OpenGL Drawing Mode: Basic
OpenGL Allow Normal Mode: True.
OpenGL Allow Advanced Mode: True.
OpenGL Allow Old GPUs: Not Detected.
OpenGL Version: 2.1 ATI-7.32.12
OpenCL Version:
Video Card Vendor: ATI Technologies Inc.
Video Card Renderer: ATI Radeon HD 6750M OpenGL Engine
Display: 1
Main Display
Display Depth:= 32
Display Bounds:= top: 0, left: 0, bottom: 900, right: 1440
Video Renderer ID: 16915206
Video Card Memory: 1012 MB
Video Rect Texture Size: 16384
Serial number: 92629941096025671753
Application folder: Macintosh HD:Applications:Adobe Photoshop CS6:
Photoshop scratch has async I/O enabled
Scratch volume(s):
Macintosh HD, 697,8G, 89,3G free
Required Plug-ins folder: Macintosh HD:Applications:Adobe Photoshop CS6:Adobe Photoshop CS6.app:Contents:Required:
Primary Plug-ins folder: Macintosh HD:Applications:Adobe Photoshop CS6:Plug-ins:
Additional Plug-ins folder: not set

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
>

Swap images in content holders

How does one go about swapping out a default image within in the content holder for header?
I actually downloaded the default '[email protected]' from the preview site, and replaced their image with my own logo in Photoshop, being careful to keep the same size, format, and name, only to be unable to find the respective images folder anywhere on the site to replace the original logo with my replacement logo (I went through all the file via ftp and NO 'img' or 'images' directory was to be found).
In being so stingy with the so-called site integrity, the designers have made it difficult (next to impossible) to customize their web site, so doesn't that defeat the purpose of Business Catalyst?
I have forgotten the name of the BC site I imported for this, latest (and probably LAST) attempt to work with BC to come up with a site I can actually use, but it had to do with students, and used a large black div for the header - it's the 'cultivate' logo that I am trying to replace with my own logo.
How do I access the actual contents of the default content holders for the header to replace their logo with my logo?

Hi I¹m also a little disappointed but, try to use firebug in firefox, it
shows you where all the code, css and images are stored.
Hope this will help.
Regards Carla
Van: HWurst <[email protected]>
Beantwoorden - Aan:
<[email protected]>
Datum: dinsdag 3 juni 2014 08:01
Aan: Carla Leliveld <[email protected]>
Onderwerp: swap images in content holders
swap images in content holders
created by HWurst <https://forums.adobe.com/people/HWurst> in Content
Management and Modules - View the full discussion
<https://forums.adobe.com/message/6429602#6429602>
How does one go about swapping out a default image within in the content
holder for header? I actually downloaded the default '[email protected]' from the
preview site, and replaced their image with my own logo in Photoshop, being
careful to keep the same size, format, and name, only to be unable to find
the respective images folder anywhere on the site to replace the original
logo with my replacement logo (I went through all the file via ftp and NO
'img' or 'images' directory was to be found). In being so stingy with the
so-called site integrity, the designers have made it difficult (next to
impossible) to customize their web site, so doesn't that defeat the purpose
of Business Catalyst? I have forgotten the name of the BC site I imported
for this, latest (and probably LAST) attempt to work with BC to come up with
a site I can actually use, but it had to do with students, and used a large
black div for the header - it's the 'cultivate' logo that I am trying to
replace with my own logo. How do I access the actual contents of the
default content holders for the header to replace their logo with my logo?
Please note that the Adobe Forums do not accept email attachments. If you
want to embed a screen image in your message please visit the thread in the
forum to embed the image at https://forums.adobe.com/message/6429602#6429602
Replies to this message go to everyone subscribed to this thread, not
directly to the person who posted the message. To post a reply, either reply
to this email or visit the message page:
To unsubscribe from this
thread, please visit the message page at
. In the Actions box on
the right, click the Stop Email Notifications link. Start a new discussion
in Content Management and Modules by email
<mailto:discussions-community-business_catalyst-content_management_and_modul
[email protected]> or at Adobe Community
<https://forums.adobe.com/choose-container.jspa?contentType=1&containerType=
14&container=4733> For more information about maintaining your forum email
notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

Swap Image NOT mouseover

I am trying to swap images in Dreamweaver so when a user goes
to my website, the images swap automatically. I have 4 images that
I want to swap and I want them to change every 7 seconds. I don't
want the user to have to mouseover or click anything, i want the
images to change automatically. I can't get this to work right in
Dreamweaver. It always only swap to 1 image and it never goes back
to the original image.
Also, the images are different sizes and I want them to stay
different sizes. I have 4 images, I want the images to swap every 7
seconds and then restore back to the original image. I want them to
keep swapping every 7 seconds, or I might just want them to swap
through the 4 images once and then restore to the original image
and not swap anymore after that. Can you help me with both of these
scenarios please?

1. Make the images to all be the same size by adding canvas
to the shorter
dimensions in your graphics editor.
2. Once you have done this, use an image rotator script to
make the images
rotate. You can find such things in many places on the web -
from free to
commercial. I have used SlideShowMagic from PVII,
http://www.projectseven.com/,
and the image rotation script from KaosWeaver,
http://www.kaosweaver.com,
before and found them both to be excellent for
this purpose....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"originalit" <[email protected]> wrote in
message
news:f859tu$5v9$[email protected]..
>I am trying to swap images in Dreamweaver so when a user
goes to my
>website,
> the images swap automatically. I have 4 images that I
want to swap and I
> want
> them to change every 7 seconds. I don't want the user to
have to mouseover
> or
> click anything, i want the images to change
automatically. I can't get
> this to
> work right in Dreamweaver. It always only swap to 1
image and it never
> goes
> back to the original image.
>
> Also, the images are different sizes and I want them to
stay different
> sizes.
> I have 4 images, I want the images to swap every 7
seconds and then
> restore
> back to the original image. I want them to keep swapping
every 7 seconds,
> or I
> might just want them to swap through the 4 images once
and then restore to
> the
> original image and not swap anymore after that. Can you
help me with both
> of
> these scenarios please?
>

Mouseover /Swap image

Hi,
I have an image with several hotspots, is there an
(automatic) way to shade
the area on the mouse over rather than creating a image and
using the swap
image SB?
Thanks!

1. Make the images to all be the same size by adding canvas
to the shorter
dimensions in your graphics editor.
2. Once you have done this, use an image rotator script to
make the images
rotate. You can find such things in many places on the web -
from free to
commercial. I have used SlideShowMagic from PVII,
http://www.projectseven.com/,
and the image rotation script from KaosWeaver,
http://www.kaosweaver.com,
before and found them both to be excellent for
this purpose....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"originalit" <[email protected]> wrote in
message
news:f859tu$5v9$[email protected]..
>I am trying to swap images in Dreamweaver so when a user
goes to my
>website,
> the images swap automatically. I have 4 images that I
want to swap and I
> want
> them to change every 7 seconds. I don't want the user to
have to mouseover
> or
> click anything, i want the images to change
automatically. I can't get
> this to
> work right in Dreamweaver. It always only swap to 1
image and it never
> goes
> back to the original image.
>
> Also, the images are different sizes and I want them to
stay different
> sizes.
> I have 4 images, I want the images to swap every 7
seconds and then
> restore
> back to the original image. I want them to keep swapping
every 7 seconds,
> or I
> might just want them to swap through the 4 images once
and then restore to
> the
> original image and not swap anymore after that. Can you
help me with both
> of
> these scenarios please?
>

Reduce image quality (and file size)

Is there a simple way to reduce the quality of all backgroung
images ? (there are all bitmap images, about 3 MB each of them)
I imagine that by reducing the image quality, the file size
will be less huge...
But I wasn't able to find a way to do that...
(the option about JPEG quality in project/preferences has no
effect, because all background images are bitmap... )
Any idea is welcome !
Valérie

Hi Valerie
I have been doing some research on this -- the issue of file
size (relating to both .cp and .swf) crops up a lot on this forum,
so I wanted to find out which were the critical factors relating to
images.
My findings show that there are two critical factors:
-- Slide Properties: Quality (High, Standard, JPEG,
Optimized)
-- Format of original image file (used for slide background
or inserted image object)
To summarize the results of my testing:
Slide Quality
Changing the slide quality from High
to Standard or JPEG makes little or no difference to the size of
the .cp file but can *significantly* reduce the size of the
.swf
This is an especially useful way of
dealing with the very large .swf file sizes caused by importing PPT
slides
A .swf consisting entirely of
imported PPT slides with complex backgrounds may be reduced to less
than 10% of its original size by changing the quality setting for
each of the slides to JPEG and using a JPEG image quality setting
of 75%.
Format of original image file
For complex images such as photos,
the best image file format to use is (oddly) .bmp -- although it
results in a larger .cp file than other file formats (such as .jpg
or .png), it generates the smallest .swf output.
The benefit of using the .bmp format
is less marked if you have set slide quality to Standard instead of
High, but it can still cut the file size of the .swf output by up
to 50%
For slides using a quality setting of
JPEG, there appears to be no difference in resulting .swf file size
between .bmp or any other image file format
A final comment: it is interesting to compare the size of the
.cp and resulting .swf for different Captivate projects. There is
typically an assumption that the .swf file will be smaller due to
compression. However, this is not always the case. For example, I
tested one project that used High slide quality and images that had
been inserted from .jpg files -- the generated .swf file was over 4
times larger than the .cp file. However, when I changed the quality
setting for all slides to JPEG, the .swf file reduced to less than
50% of the size of the .cp file.
I hope this information is helpful -- please contact me if
you'd like to see the detailed test data.
Best regards,
-Matthew Ellison

CS6 artboard size crop question

I'm in CS6 and have an .ai file that I need to first crop to 1200 x 600. I do not know the size / dimensions of the .ai , where can I find?
inside the artboard I select the Artboard tool and I first need to crop the image to the same size the black dashes are within the red solid line.
I would normally just go to save for web and set the new size there but I need to save this cropped file as a layered pdf. I know hwo to do that but I need to know how to find the current size of the .ai file, then crop it down.
anyone?
RD

Hi mentlity,
Here are some photos to help you follow the instructions provided above.
1) Right click on the ruler on edges of the Illustrator window. If rulers aren't there, hit command R. A window will open with different units to select from.
2) Click on the Canvas tool in the toolbar.
3) At the top of the application window you'll see spaces to set the width and height of your canvas. Simply enter 1200 and 600 and you should be good to go.
I hope you solve your issue!

Swap Images to cover text

Ok...so I'm fairly new to the design world. I'm trying to do
a swap image (which I understand in the basic form). I have a nav
bar at the bottom of my site with photos and when I scroll over
them I want a larger picture to pop up on top of them. But here's
the issue. Above the nav. bar is text in the body of the site so I
want the image to be place on top of that text. So in an odd way, I
don't want to swap anything, I just want to have an image pop up.
Any thoughts? Does my question make sense??

You mean like this?
http://www.fourlevel.com/dreamweaver/extensions/lightbox/index.htm
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
www.twitter.com/altweb
www.alt-web.blogspot.com/

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.

Swap Image Behavior with Text

I am trying to figure something out but can't seem to find
it. I'm sure it must be pretty simple, but I'm stumped. Basically,
I have a main image and a few thumbnail images below it. I've
attached the Swap Image behavior to each thumb to change the main
image to a different photo and then changed the onMouseOver to
onClick.
The problem is I want to also have some photo text or caption
below the main image to change. Does anyone know how to do this
with more or less stock DW behaviors? Or if not, how to do it in
the most efficient way possible?
Thanks in advance.
-Bill

You could always embed the caption information in the image,
you know? That
would be the simplest way. Is that possible?
Alternatively you could create a series of stacked
containers, each hidden,
in the location where you want your captions. Then you would
make your
onclick event do both the image swap and the Show/Hide on the
associated
caption container (*and* a hide on all the rest of the
caption containers).
This can be pretty tedious when there are lots of images, and
you are using
only the DW User interface (as opposed to Code view). It will
also take you
into the realm of positioned elements (probably) which can be
troublesome
themselves.
Finally, if this is all too much for you, there are EXCELLENT
alternatives
over at projectseven ($) for doing something like this right
out of the box.
http://www.projectseven.com/
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
==================
"captcashew" <[email protected]> wrote in
message
news:[email protected]...
>I am trying to figure something out but can't seem to
find it. I'm sure it
>must
> be pretty simple, but I'm stumped. Basically, I have a
main image and a
> few
> thumbnail images below it. I've attached the Swap Image
behavior to each
> thumb
> to change the main image to a different photo and then
changed the
> onMouseOver
> to onClick.
>
> The problem is I want to also have some photo text or
caption below the
> main
> image to change. Does anyone know how to do this with
more or less stock
> DW
> behaviors? Or if not, how to do it in the most efficient
way possible?
>
> Thanks in advance.
>
> -Bill
>
> <p><img src="images/215-suite-2.jpg" alt="Main
Photo" name="mainImage"
> width="300" height="225" id="mainImage" /></p>
> <p> </p>
> <p> </p>
> <p><img src="images/215-suite-2.jpg"
alt="Thumbnail Photo 1"
> name="thumb1"
> width="100" height="75" id="thumb1"
>
onclick="MM_swapImage('mainImage','','images/215-suite-2.jpg',1)"
/>
> <img src="images/renovations_02-after.jpg"
alt="Thumbnail Photo 2"
> name="thumb2" width="100" height="75" id="thumb2"
>
onclick="MM_swapImage('mainImage','','images/renovations_02-after.jpg',1)"
> />
> <img src="images/renovations_03-after.jpg"
alt="Thumbnail Photo 3"
> name="thumb3" width="100" height="75" id="thumb3"
>
onclick="MM_swapImage('mainImage','','images/renovations_03-after.jpg',1)"
> /></p>
>

Swap images DW CS6 odd sizes?

Similar Messages

Maybe you are looking for