Swap Images Help

I have figure out the process of swaping images but now i
cannot get them to swap like I want them too. I want my little
pictures to go into the one big picture. Can someone please
help??

Typically, you would want to do this in DW, NOT in FW. FW's
HTML is usable
for prototyping, but not for production.
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
==================
"lyssalovely224" <[email protected]> wrote
in message
news:g557lv$94h$[email protected]..
>I have figure out the process of swaping images but now i
cannot get them
>to swap like I want them too. I want my little pictures
to go into the one
>big picture. Can someone please help??

Similar Messages

Javascript swap images help

hi
i used the swap images behaviour for a gallery i am making
and the result is that he smallimages have blue borders around them
how can i get rid of this without losing functionality
cheers Link

If you don't want any of your linked images to have a border,
put this into
your CSS
a img { border: 0; }
Jo
"talknaija" <[email protected]> wrote in
message
news:gcl5qr$mkr$[email protected]..
> hi
> i used the swap images behaviour for a gallery i am
making and the result
> is
> that he smallimages have blue borders around them how
can i get rid of
> this
> without losing functionality
>
> cheers Link
>

Linking to a swapped image...help

I'm trying to set up a page that has a rightside column of thumbnail images, which, when clickedon opens a larger image in another area. I have done this using swap image. That's all set up, but now I would like to link that larger image to a different page...one with zoomify to show large details. I can't find any way in DW cs4 to do that...the only way the swapped image appears is in Live View and in Vive View the image is unselectable.
Thanks for any help.

<div id="BigPic">
    <p id="box1"><a href="" id="box1link"><img src="http://barbarabaum.com/images/BBis760px.jpg" name="largePix" width="600" height="400" id="largePix" /></a></p>
    </div>
<div id="SmlPix">
<table width="240" border="0" cellpadding="10">
<tr>
    <td width="120" align="center" valign="top"><a href="javascript:;" onclick="MM_swapImage('largePix','','http://barbarabaum.com/images/1.jpg',1);document.getElementById('box1link').href='http://w ww.great-web-sights.com';" ondblclick="MM_swapImgRestore()"><img src="http://barbarabaum.com/images/small/1.jpg" name="cvr" width="100" height="39" border="0" class="pixBox" id="cvr" /></a></td>
    <td width="120" align="center" valign="top"><a href="javascript:;" onclick="MM_swapImage('largePix','','images/2.jpg',1)" ondblclick="MM_swapImgRestore()"><img src="images/small/2 copy.jpg" width="100" height="100" border="0" class="pixBox" /></a></td>
</tr>
I must have done something wrong It's not going to your site. Do you see the problem? Thanks once again.

Help wih swap image. I think?

I'm trying to get images to appear in a part of the page
when I roll over the thumbnail of the image.
Here's the page:
http://www.jonathanjamesphoto.com/wedds2.htm
I did a swap image behavior. It worked!
It shows the swapped image from an image file in a slice I
made.
BUT, when I upload the site I can't get the images to swap.
Is it something to do with where the image file is stored?
Can someone help?
Thanks,
Jonathan
[email protected]

jjamespix wrote:
> I'm trying to get images to appear in a part of the page
> when I roll over the thumbnail of the image.
>
> Here's the page:
> <a target=_blank class=ftalternatingbarlinklarge
> href="
http://www.jonathanjamesphoto.com/wedds2.htm
>
> I">
http://www.jonathanjamesphoto.com/wedds2.htm
>
> I</a> did a swap image behavior. It worked!
There's no swap image behavior on that page. Rather, it's an
image map.
It appears to be changing the image on click, but it is
actually opening
a new HTML page.
Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
Design Aid Kits:
http://www.webdevbiz.com/pwf/index.cfm

Help using swap images to swap 2 separate images

I am trying to use swap images to swap two separate images on
the same page but I can't get it to work. Here is the code for one
image, rotator. I also have a second image,rotatorB that I want to
swap different images with. I think I need two separate codes but
do not know how to do it.
Thank You

Sorry, I don't know enough about how fireworks functions - but overall, I think it's always best to create the slices in a program like fireworks, (or image ready, etc), and then build the actual page in Dreamweaver (or other web software). It's kind of like how Photoshop used to let you create the slices, then export the entire photoshop file as an html page - it would create a very basic page with multiple nested tables that were nothing but trouble...
For what it's worth - Dreamweaver makes it fairly easy to do - once you're familiar it should only take a few minutes to accomplish (once you have all of the pieces saved to the images folder).
Fireworks isn't a web-creation software - it's function is to optimize images for the web, and slice up graphics (from what I know about it, anyway...)
**Also, on a side note - there are many disadvantages to creating buttons with graphics - number one reason is down the road when a client wants to add or modify the buttons, they will need the original photoshop file - and the fonts loaded in order to accomplish... then need to save out both the on and off state for each. I've been there, and they find it very annoying (known to lose customers because of it). Secondly, search engines and Handicap accessible software can't read graphics - even if you apply "alt tags", it's not as good as having a text link. If possible, it's best to use text for the links (and creating the rollover effects with stylesheets - there are tons of examples: http://search.live.com/results.aspx?q=css+rollover&form=MS8TDF&pc=MS8TDF&src=IE-SearchBox
Hope that helps
Jesse

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

Transparent Image and swap image

When I Fix the Trasparent png issue that i have been having
my swap image doesnt work in IE with the png could someone please
help?

link to your page?
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
2003)
Technical Editor: DMX 2004: The Complete Reference, DMX 2004:
A Beginner''s
Guide, Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
Web Development
"Monarky2000" <[email protected]> wrote in
message
news:ep8631$has$[email protected]..
> When I Fix the Trasparent png issue that i have been
having my swap image
> doesnt work in IE with the png could someone please
help?

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

Swap image from down state

How do I return the down state of an image to the up state
onClick? I tried Swap Image Restore, that doesn't work. I want a
button that contains two states, an up and a down state. When you
click on the image in the up state, it goes to the down state. When
you click on the image in the down state, it goes to the up state.
Any help ideas, help, advice, or simple hellos would be greatly
appreciated. Thanks!

Rob,
I've done some research on this and from what I have
gathered, it isn't possible to do in the method we've been trying
to do. I have found a way to accomplish my goal though. I haven't
written the script yet, but it's a pretty simple idea, definitely
beginner level javascript.
For the onClick in the img tag, you have it refer to a js
function that adds 1 the value of a variable. So if you click the
button once the value of your variable would change from 0 to 1.
When this button is clicked again, the value would change to 2. But
you then include a line that say something to the effect of if x
> 1, x = 0. Basically on each click of the button, the value
would change to either 0 or 1. Now judging off that value is where
you define the source for the image.
Like I said, I haven't written the script yet, I have more
important things to tend to on the project I'm working on right
now, but when I do write it, I'll try to remember to post it
here.

Swap image actionscript

Hi there.
I'm a beginner in flash actionscript. I want to basically swap images using actionscript. So if you click on a thumbnail, the main big image will change corresponding to the thumbnail being clicked. I don't want to use a simple on click go to and play actionscript...
I'll try to paint a picture of what I'm trying to achieve.
There is a background image, middle ground and foreground image... people will have a selection of thumbnails to chose from to change these images (so they are creating their own big picture)
Once the user clicks on a thumbnail for the background, the main image will change corresponding to the thumbnail.. and the same for middleground image and foreground image.
I can acheive this in director using lingo but I am required to use flash and actionscript. Hope you can help!
Thanks in advance!

Hi, I have tried messing around with this inorder to make it work. I have implemented the code you kindly suggested however it still isn't working. Sorry to be a pain and thank you for your patience. I think I am on the right track as when I hover over the thumbnails the cursor changes to a hand, however the main image is not changing. I can not figure out what I am missing or doing incorrectly..
Have you any idea?
Thanks again!

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

Create a transparent swap image slice over an html slice

I have a 990px x 400px page divided into two halves horizontally.
The left slice is a html slice that consists of an unordered list with hrefs to various pages.
The right slice is an image that I want to put some polygon hotspots with each having a swap image behavior to swap an image over the html slice and I am unsure how to put a transparent image slice over a html slice.
Sure could use some help.
Terry

You can't overlap slices in Fireworks, as Fireworks needs to have a clearly defined, single image to export. Overlapping slices or hotspots makes that impossible. This means that, for one thing, you can't put polygon hotspots over your left slice.

How to swap images

Hi All,
How to swap images by droping the images in a canvas or in between the surrounded areas
here i have placed one url. this example using jquery.
http://interface.eyecon.ro/demos/sort.html
i want to do samething using flex.
Can any help me Please.
thanks
Raghu.

In that case, it's not image swapping but rather drag'n'drop with re-organization of the layout. You can see something similar in Flex here:
http://www.adobe.com/devnet/flex/samples/dashboard/dashboard.html

Swap Images Help

Similar Messages

Maybe you are looking for