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

Similar Messages

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

Help with swap images using rollovers

I have a website created using DW CS5. Recently purchased FW CS5 to help with web graphics and design. I am trying to create a list of numbers that will swap with images. The intial page would simply be a list of numbers and 1 static image. Each number, when hovered will change the image with another. I've attempted this by first using DW and not having much success with FW either.
If able to complete this using FW, is it possible to export the file for use in DW? Then insert into an AP Div?

You're over-complicating it.
Simply hit File>Save once you're done in photoshop.
ian

Need Help with swap image

I've got this page with a Spry collapsible panel in
it. No problems getting that to work, but I'd like to be able to
use an image in the tab and have that image 1) change on click to
expand text and then 2) change back again on collapse text. I've
got #1 figured out but can't get the image to return back to its
original state on collapse. Basically, I'm using the image as a
"show detail" "hide detail" function. HELP! I know there must be a
way to do it. Or maybe a different way than Spry. You can view the
page at
http://www.ivy-design.com/tip/people.html

ivydesign123 wrote:
>
I've got this page with a Spry collapsible panel in
it. No problems
> getting that to work, but I'd like to be able to use an
image in the tab and
> have that image 1) change on click to expand text and
then 2) change back again
> on collapse text. I've got #1 figured out but can't get
the image to return
> back to its original state on collapse. Basically, I'm
using the image as a
> "show detail" "hide detail" function. HELP! I know there
must be a way to do
> it. Or maybe a different way than Spry. You can view the
page at
>
http://www.ivy-design.com/tip/people.html
Looks like you want to use a toggle image. Try adding this to
the script block at the top of the page:
function toggleShowHideImages(imgID, personName){
var img = MM_findObj(imgID);
if(img.src.indexOf('-hide') > -1){ // if showing the
hidden image
MM_swapImage(imgID,'','images/bio-'+ personName
+'-show.jpg',1);
else{ // if showing the show image
MM_swapImage(imgID,'','images/bio-'+ personName
+'-hide.jpg',1);
Then replace the current onmousedown with:
onmousedown="toggleShowHideImages('tmShow', 'mccleary');"
Also to get better/quicker responses, you should probably
post questions that have to to with Dreamweaver and general web
issues in the Dreamweaver group:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=12&catid=189&entercat= y
And ask questions that are specific to Spry in the Spry
forums:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Danilo Celic
|
http://blog.extensioneering.com/
| Adobe Community Expert

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! Multiple Image swap restore problem

Hey, Im interested in learning how to perform a multiple image swap restore.
I've made a central image swap, and I want to make a few others happen on the same 'mouseover'. All done, simple. However, only the last image swap will 'restore' to the original image, and all the rest stay the same. I've ticked 'restore on mouseover' on all of the behaviours, but its so frustrating - please help me.

This is actually really easy. Setup one swap image, then double click swap image in behaviours. The asterix indicates what image is being swapped but you can add more then one. So simply select the second image you want to change at this point and another asterix will appear. Muiltiple swap actions can be applied using one swap image command.

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
>

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!

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

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

Swap Image not working Except in IE

I am working on a class project, and we've just learned how
to do "swap image" on rollover. It's working beautifully when in
IE, but in Firefox it's not working at all and in Opera it's
working strangely (only when on the "edges" of the flash text not
when rolling over the flash text) Any ideas as to the problem? The
flash text rollover works (changes colors), but the "bubbles" are
supposed to swap images. BTW, I thought it might be a setting in my
browser disabling something, but the swap image on classmates'
sites show up fine.
http://198.86.244.3/drsimpson/WEB140/drsimpsongallery/
Thanks

I can't see what is the problem. :-(
Try replacing your flash buttons with plain gif images, it
works the same way and you will have much less code on your page. I
don't think the problem is there but you can always try.

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.

Rollover, hotspot, swap image????

One of my links in my employoee website has a number of
pictures. They are each on their own layer but they overlap
eachother so only one image should show at a time. I have a
selection to the left of the image where the person can click on a
department and a different picture will show up for that
department. I first have to create that in Fireworks and I'm not
sure how. I have each department selection (text) on it's own layer
in photoshop and each picture on it's on layer. Can you explain to
me what I need to do for this? Is it called "swap image" or
rollover or hotspot?
Then after I do that, I want people to be able to drag their
mouse curser over people's faces and that person's info. will
appear at the bottom. I also created every person's info. as a
layer in photoshop. Can someone explain how to do this?

> Are you
> saying just do my slices in Fireworks and then use
Dreamweaver to finish?
That's what I'm saying, yes.
> could you please explain to me how to do the hotspots
over the people's
> faces so that when the mouse is over a title bar appears
at the bottom of
> the
> screen that has their name and title and then when the
mouse is out it
> disappears?
This will be advanced for you. It's simple enough to add a
hotspot to an
image in DW -
select the image, click on the Polygonal hotspot tool on the
Property
inspector, and draw your hotspot.
What will be trickier for you is the part about the popup.
One simple thing
to try would be to assign a title attribute to the hotspot,
e.g.,
<area title="my name, my title"....
Having done this, as you mouseover that particular hotspot,
you will get a
'tooltip' display of the contents of the title attribute.
There are three
downsides to this method -
1. The tooltip only displays for a short time
2. The tooltip only displays a certain number of characters
(I think 100)
in some browsers (FF)
3. You have no flexibility in styling the tooltip or its
contents
Notwithstanding these, it's simple enough to do, although you
will either
have to add the necessary code (the title attribute and its
value) manually
to the <area> tag, or you will need to use DW's Tag
Inspector to get at the
title attribute.
> I set up the file in Photoshop to have everything on
it's own file
> so I already have the 50 layers of people's names and
titles to appear
> under
> the photos and 13 different photos.
The way you set it up in Photoshop would have no bearing on
how you would do
this on an HTML page.
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
==================
"lpaquinhand" <[email protected]> wrote in
message
news:[email protected]...
> OK. Sorry If I seemed to disagree with you. I have
redone this website
> over 4
> times because I am told something different every single
time. First
> Dreamweaver was the best place to do this, then it was
Photoshop and then
> it
> was Fireworks and now it is back to Dreamweaver. I know
everyone has
> their
> favorite way of doing things but I am so confused at
this point. I have a
> deadline of 2 weeks for this website and I am currently
in Fireworks. Are
> you
> saying just do my slices in Fireworks and then use
Dreamweaver to finish?
> IF
> so, could you please explain to me how to do the
hotspots over the
> people's
> faces so that when the mouse is over a title bar appears
at the bottom of
> the
> screen that has their name and title and then when the
mouse is out it
> disappears? I set up the file in Photoshop to have
everything on it's own
> file
> so I already have the 50 layers of people's names and
titles to appear
> under
> the photos and 13 different photos. Is there any way for
you to walk me
> through this at this point in Dreamweaver? I would
really appreciate it.
> Thanks.
>

Help wih swap image. I think?

Similar Messages

Maybe you are looking for