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?
>
Similar Messages
-
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/
ThanksI 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. -
Swap image not working in IE on server
Hi
suddenly having problems with this - whether it's Win SP2 or
what I'm not sure. swamp image works fine locally (off a network
LAN drive) but not on the live server. I have preload images set,
not restore on mouseout. The setup is an imap with a hotspot but I
had the same thing happen on a plain image - no errors come up,
just a blank spot where the image is not swapping.
Any help appreciated
RGVery difficult to troubleshoot without seeing the code.
Regards
John Waller -
I have used the >insert>rollover image in CS3 to create
rollovers for the website below. I can't get any rollovers to work
in preview or live on the server. Any ideas?
http://www.gardenclubofwindham.org/test.html
- it should have a little trowel show up next to the menu items
like the link below...
http://www.gardenclubofwindham.org/index.html
- I did these rollovers using phototshop cs/ image ready.
Thank you!LOL. Glad I could help.
The problem is this -
Much 'wizard' based javascript is written into the page like
this -
<script type="text/javascript">
<!-- //
blah blah blah
//-->
The javascript code is put inside double comments (the outer
ones are for
HTML, and the inner ones for javascript). In fact, neither
are appropriate
when working with an XHTML doctype, and I'm pretty sure the
others are not
really needed ever, but it's tradition....
Your error was caused when the trailing comments are
incompletely removed
leaving that "/" in place....
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
==================
"rcronin2006" <[email protected]> wrote in
message
news:g5feqf$g9u$[email protected]..
> Well, I wonder if I am having some javascript problems
with DW, I just
> posted
> another mystery in this same forum. I can't understand
how my copy of DW
> could
> have a glitch. That seems so unlikely. I haven't used IR
for a site
> build in
> many months, but I could see how that code could get
wacky - the sites
> I've
> done with it are very "sensitive", lol. If I touch
anything, the whole
> page
> goes haywire. Anyways thanks again, you made me look
"wicked-smat" to my
> client. :)
>
>
> -
Rollovers and swap images not working
since i've upgraded to Dreamweaver CS3 i've not been able to create rollovers.. i need to now
is there a bug? a patch that i need? what is going on? I need help please - been able to make do with flash buttons & text until this job.
Running Mac OS10 - if it helps.. these pages were originally designed in go-live and redesigned since - / i wonder if i'm holding my tongue in the correct position. be gentle with your answers - i'm a graphic designer not a web guruhere is the code to three of the rollovers.. it's tabs
i even thought that if i went ahead and uploaded it might work online.. no such luck
<td height="38" colspan="2" align="center" valign="middle"><spacer type="block" width="1" height="379">
<spacer type="block" width="1" height="1">
<a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/tabs/rimtymehomeover.jpg',1)"><img src="images/tabs/rimtymehome.jpg" alt="Home Page" name="home" width="154" height="38" border="0"></a></td>
</tr>
<tr height="38">
<td height="38" colspan="2" align="center" valign="middle"><a href="malone.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('aboutus','','images/tabs/rimtyme_about_over.jpg',1)"><img src="images/tabs/rimtyme_about.jpg" alt="About us page" name="aboutus" width="154" height="38" border="0"></a></td>
</tr>
<tr height="38">
<td height="38" colspan="2" align="center" valign="middle"><a href="storephotos.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('storegallery','','images/tabs/rimtyme_storephotos.jpg',1)"><im g src="images/tabs/rimtyme_storephotos_over.jpg" alt="Click here for images of each of our locations!" name="storegallery" width="154" height="38" border="0"></a></td>
</tr>
<tr height="38">
<td height="38" colspan="2" align="center" valign="middle"><a href="credit.html"><img src="images/tabs/rimtyme_getstarted.jpg" alt="GETTING STARTED" width="154" height="38" border="0"></a></td>
</tr>
<tr height="38"> -
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?
> -
Swap images works in preview but not in browser
Hi everyone,
I am attempting to get a swap images to work. It works in the preview window but not when I preview it in the browser. When I open it in a browser the states seem to "cycle" through really quickly in rapid succession. I have linked my png file for you to see. Any thoughts?
Thanks,
denbeckYour swap image slice is set to Animated GIF. Change it in the Optimize panel to plain GIF or PNG 8
Jim Babbage -
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">
<!--
body {
background-image: url(images/Background.png);
background-repeat: no-repeat;
background-color: #15A13B;
background-position: center top;
#Container {
height: 600px;
width: 800px;
padding-top: 10px;
padding-bottom: 0px;
background-image: url(images/PaintTheTownText.png);
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
position: absolute;
visibility: visible;
#FeatherFan {
height: 405px;
width: 800px;
padding: 0px;
left: 2px;
position: absolute;
top: 188px;
clear: none;
z-index: 1;
visibility: visible;
#IntroText {
float: right;
width: 402px;
font-family: "Franklin Gothic Medium";
font-size: medium;
color: #FFFFFF;
text-align: right;
height: 120px;
position: absolute;
left: 378px;
top: 0px;
padding-right: 20px;
visibility: visible;
.Over {
position: absolute;
left: 227px;
top: 26px;
height: 100%;
width: 100%;
z-index: 3;
#CorpLitType {
left: 7px;
z-index: 4;
position: absolute;
top: 452px;
visibility: visible;
#Container #CorpRollO {
position: absolute;
z-index: 2;
left: 7px;
top: 452px;
visibility: visible;
.CorpType {
z-index: 4;
#Container #Display graphics {
position: absolute;
z-index: 6;
.DGOver {
position: absolute;
z-index: 6;
left: 96px;
top: 292px;
.DGOver2 {
position: absolute;
z-index: 7;
left: 187px;
top: 15px;
.BOver {
position: absolute;
z-index: 8;
left: 253px;
top: 197px;
.AdPromo {
position: absolute;
z-index: 9;
left: 422px;
top: 15px;
.Packaging {
position: absolute;
z-index: 10;
left: 570px;
top: 314px;
.ConPhoto {
position: absolute;
z-index: 11;
left: 634px;
top: 270px;
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//-->
</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. -
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.
> -
Enlarging an image on mouseover without using Flash
Enlarging an image on mouseover without using Flash
I use DW MX 2004 with Windows 2000
I want to create the following effect. I have two versions of
an image,
geyso_scr... (which is screen size) and geyso_sm (which is
small). On
mouse-over I want a larger window to open on top of my html
page (but
less than the full screen) and show the larger image file in
whatever
size I have created it.
One mouse-off I want to restore the original image.
I tried this with a straight image swap on the following
page:
http://www.tudo.co.uk/testing/hospiz_stiftung/shell/contents/vorstand/vorstand.html
see row 2, image 1, Peter von Geyso.
This works all right (on mouseover there is a shift of about
1 px) but
the screen sized image has been sized down to the original
image (sm image).
How can I conveniently get the large image hovering on top of
the
existing page?
Can someone recommend a tutorial which describes how this is
done?
Or is there a utility which does it?
On similar lines, a client wants to display a list of items
as text in
comparatively small font. On mouse-over he wants the
list-item in
question to become slightly larger (not only to change colour
etc). Can
that be done without converting the text into images.
Is there any tutorial for that?
(No point in arguing with the client that the text should be
made large
enough to read in the first place. I have tried that in
vain.)
Thanks for your help.
Adriannetlace design wrote:
> Hey Adrian,
>
> Maybe this will work for you. Take a look here at this
demo
>
>
http://www.cssplay.co.uk/menu/magnify
Hi Netlace Design,
This looks interesting, but where do I get the code for this.
How is it
done without javascript.
Thanks,
Adrian -
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.
-BillYou 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>
> -
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. -
Two Swap Image Behaviors - Only One Swap Image Restore Works
How come?
I have a button image with a two swap image behaviors applied to it - a rollover for the OVER state and one behavior for a disjointed or "remote" rollover effect.
Both rollover effects work fine, but the disjointed or remote rollover effect does not return the button to it's original state. (I've determined this by removing the second or remote swap image behavior and testing it.)
Why doesn't this work?
All scripts are contained within the HTML page itself; no linked scripts are used.
Thanks!Page 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>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//-->
</script>
<style type="text/css">
<!--
body {
background-image: url(images/screens_back.gif);
-->
</style></head>
<body bgcolor="#FFFFFF" onLoad="MM_preloadImages('images/navigation_2_over-05.gif','images/navigation_2_over-06.g if','images/navigation_2_over-07.gif','images/navigation_over-08.gif','images/navigation_o ver-09.gif','images/navigation_over-10.gif','images/team.gif','images/forms.gif','images/e xport.gif','images/consulting.gif','images/programming.gif','images/contact.gif')">
<table width="792" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td width="792" height="126" colspan="2">
<img id="index" src="images/index.gif" width="792" height="126" alt="" /></td>
</tr>
<tr>
<td width="792" height="34" colspan="2">
<table id="Table_01" width="792" height="34" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="34" height="34">
<img src="images\navigation_2.gif" width="34" height="34" alt="" /></td>
<td width="426" height="34">
<img src="images\navigation_2-02.gif" width="426" height="34" alt="" /></td>
<td width="105" height="34" id="title">
<img src="images\blank.gif" alt="" name="blank" width="105" height="34" id="blank" /></td>
<td width="5" height="34">
<img src="images\navigation_2-04.gif" width="5" height="34" alt="" /></td>
<td width="36" height="34">
<img src="images\navigation_2-05.gif" alt="" width="36" height="34" id="Image1" onMouseOver="MM_swapImage('Image1','','images/navigation_2_over-05.gif',1);MM_swapImage(' blank','','images/team.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="32" height="34">
<img src="images\navigation_2-06.gif" alt="" width="32" height="34" id="Image2" onMouseOver="MM_swapImage('Image2','','images/navigation_2_over-06.gif',1);MM_swapImage(' blank','','images/forms.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="31" height="34">
<img src="images\navigation_2-07.gif" alt="" width="31" height="34" id="Image3" onMouseOver="MM_swapImage('Image3','','images/navigation_2_over-07.gif',1);MM_swapImage(' blank','','images/export.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="33" height="34">
<img src="images\navigation_2-08.gif" alt="" width="33" height="34" id="Image4" onMouseOver="MM_swapImage('Image4','','images/navigation_over-08.gif',1);MM_swapImage('bl ank','','images/consulting.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="31" height="34">
<img src="images\navigation_2-09.gif" alt="" width="31" height="34" id="Image5" onMouseOver="MM_swapImage('Image5','','images/navigation_over-09.gif',1);MM_swapImage('bl ank','','images/programming.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="42" height="34">
<img src="images\navigation_2-10.gif" alt="" width="42" height="34" id="Image6" onMouseOver="MM_swapImage('Image6','','images/navigation_over-10.gif',1);MM_swapImage('bl ank','','images/contact.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="17" height="34">
<img src="images\navigation_2-11.gif" width="17" height="34" alt="" /></td>
</tr>
</table>
td>
</tr>
<tr>
<td width="410" height="352">
<img id="index003" src="images/index-03.gif" width="410" height="352" alt="" /></td>
<td width="382" height="352">
<img id="index004" src="images/index-04.gif" width="382" height="352" alt="" /></td>
</tr>
<tr>
<td width="792" height="29" colspan="2">
<img id="index005" src="images/index-05.gif" width="792" height="29" alt="" /></td>
</tr>
</table>
</body>
</html>
I can't publish the page and images until later tonight.
Thanks, as always. -
How can I find out what is wrong with swap image in a library
I had a DW8 site that used a library item on many pages with the calls to the macromedia swap image function. Everything was fine.
I've now converted to CS5.5 and I find that:
a) When the library item is changed, the updated pages don't have proper local relative paths. Instead they have the exact path in the library item itself.
b) I can't detatch the library item from a page, I get:
An error occured while loading behavior "Swap Image" Please check this file and associated JavaScript files for errors.
When OK'd this is followed by
Dreamweaver encountered an improper argument.
I went back to DW8, forced a library update and everything was fine. I've checked and so far as I can see, the swap image funtion is identical in the DW8 and CS5.5 versions.
I don't know if a and b are related,An example page with the associated files that might be involved in this
problem are copied into dummy files on the customer's site:
http://valeriewilding.co.uk/queens2.htm
http://valeriewilding.co.uk/vwqueens.js
http://valeriewilding.co.uk/topNavQueens.lbi
The equivalent working files (from DW8) on the site are
http://valeriewilding.co.uk/queens.htm
http://valeriewilding.co.uk/vw.js
The library file is not normally on the site and, if it was, it would be in
the library directory which could not normally be reached from the htdocs
folder. Going back to DW8 as a workaround has solved problem (a) - the path
error - but downloading these files into a CS5.5 environment should still
show problem (b), being unable to remove the attachment.
There is a second library item on the page, the bottom navigation, and this
can be detached without problem.
The folder structure on my PC is:
htdocs
--- queens2.htm
--- vwqueens.js
Library
--- TopNavQueens.lbi -
Swapping images/text question?
Hi, I am moving this question to this forum from general as I got a response suggesting that dynamic html could be the solution to my problem. Any guidance on how to set up the behaviour would be much appreciated.
The problem I have is that I have created a navigation menu using plain text that changes colour on hover and two images in different divs swap images. It all works fine using a standard behaviour but now the client has asked if I can also make the opposite work ie. when the user rolls over the image, then the text changes colour. Is this possible without creating the text elements as images and swapping them using a standard behaviour?
I am not very familiar with the capabilities of javascript so some guidance would be great.
The present draft site is here, so you can see the problem.
Many thanks
RichardHi Richard,
I suggest you to use javascript. I will try to give you a basic examle for this problem with a short explanation. Let's say you have the following html code
Here comes the default text of the elementThe image has the id of firstimage and the div#first will be the object where the text will swapped at onmouseover event.
The code above will catch the rollower event of the #firstimaged object and will make the ChangeTextofDivIdfirst javascript function run. With the used innerHTML property you may specify any html code instead of the 'the swapping text' .
Regards
Zoli
Maybe you are looking for
-
Help
-
APP- Single Payment Document per Profit Center
Hi All, Like we have option making single payment per business area wise in APP, client request to make per profit center Wise. But, sap not given any option like that till ECC 6.0 EH4. Can anybody have any work round solution for this requirement. T
-
Using ColdFusion and SQL 2005 and I'm trying to get a Eurpopean style date (UK) stored into the database coming from a CF form. the code, I'm using is added to this email. However, when I try to update the database, I get the following error Error Ex
-
Sales Order - Original Document
Dear Experts, Background: We have adopted Make-to-Order (20) planning strategy in our organisation. Our transaction flow is S.Inquiry -> S.Quotation -> S.Order -> MPS on S.Order/Item by MD50 -> MRP on FERT by MD41 -> Conversion of Planned Order to Pr
-
Who's using your wi-fi connection?
Is there a program or anyway to show who's using a wireless network at a given time? Like a feature that shows a list of computers that are on the wireless network? thx