Dreamweaver - onClick/onClick Image Swaping

I am running Dreamweaver CS5.5
I've ran into a problem where I have two images. However, I want to swap between the two by just clicking on either image. Messing around in the behaviors when both actions are on 'onClick' it will not change back to the original image. When it is on 'onClick' and any other setting (mouseOut) the swap works fine.
Without going into the programming side of the issue is there another work around in dreamweaver to have 1 image swap between another and back by just clicking on the picture?
Thanks!

Try this solution, things have moved on since the original post, its less clumsy.
<!DOCTYPE HTML>
<html>
<head>
<meta ="charset=UTF-8">
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$(".swapImg").click(function() {
var img = $(this);
var current = img.attr("src");
var swap = img.attr("data-swap");
img.attr('src', swap).attr("data-swap",current);
</script>
</head>
<body>
<img class='swapImg' src='http://images4.fanpop.com/image/photos/24200000/Butterflies-yorkshire_rose-24220630-1024-7 68.jpg' data-swap='http://images2.fanpop.com/image/photos/9400000/Beautiful-Butterflies-butterflies-9481678-1 600-1200.jpg' width="200" height="200"/>
<img class='swapImg' src='https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcROHeKHwFsqWR6W4-oezxcZAKJ0o8y5mmO11i 9izh0DWUKpUlqv' data-swap='https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRsux-2eLDQjpyJMqYPTdofBNY1RGCBsa5xzl GnpEfeCON0D2SO' width="200" height="200"/>
</body>
</html>

Similar Messages

Why does Dreamweaver force an image sub-directory, and how can I stop that behaviour?

This is from a person (me) who has made lots of web pages, but doesn't use sub-directories, so you might decide I am unsophisticated. So be it. I do not use sub-directories, but every time I open one of my web pages, Dreamweaver decides that all of my images are supposed to be in sub-directories. Then I have to go through all the images on the page and delete the sub-directories. Luckily, I usually don't have a lot of images on my pages. Unpleasantly, it takes time and I have to do it EVERY TIME I MODIFY ANY PAGE. It doesn't remember my preference.
Is there any way to stop this behaviour?
So far, I have looked in every options and preferences screen that I can find. I have also searched on "directories" and "images" and combinations. I cannot find anything.
OBTW, I do not use CSS for these pages at all. They were made before CSS and they are mainly content and links to files, so I am not planning on changing this unless there are strong arguments to the contrary.
All help is appreciated.
Cheers!

What version of DW are you using? And please explain what you mean by this -
every time I open one of my web pages, Dreamweaver decides that all of my images are supposed to be in sub-directories. Then I have to go through all the images on the page and delete the sub-directories.
Are you saying that merely opening a file causes DW to move your images?

Trying to export html to dreamweaver but save images as pngs.

I'm designing a floating site. My workflow is PS=====>Fireworks====>Dreamweaver. I made a navbar in FW with a transparent background and exported html to dreamweaver. I inserted the fireworks htm, put it online and it looks terrible. You can see it here:
http://www.njtraininggrounds.com/thirddaydesign.com/identity.html
Don't worry about the portfolio button, I know what's going on there. But I can't figure out why there is "stairstepping" on the logo and on all the navbar buttons. This is the first time I've ever created a floating site. I just put a jpeg for repeat using the dreamweaver css, and then inserted the rest in a table. I got some good replies in dreamweaver forums, but they all centered around saving the images when you export as pngs or as transparent gifs with a green matt. How can I do this with fireworks cs3?
Could anyone give me an idea of what I'm doing wrong? Thanks so much.
Wil

The GIF format supports only one value of transparency. Your text, when anti-aliased against whatever background in Fireworks (transparent?), probably looks fine. When you export, though, you lose the smooth transition. (If you zoom in, you can see the blending of text to background and that's what you're losing.)
You have two options.
You can still use the GIF format. Just pick a green value out of your background image and use that for your canvas. Then, when you export, set that color to transparent. Where the pixels of the text and that color blend for the anti-aliasing, you'll have opaque pixels, but they'll look all right against your background image.
Use a PNG8, which is an indexed palette like the GIF, but it supports semi-transparent colors. When you go to export, you may want to add more colors using the eye dropper tool, as FW doesn't quite pick out all the values it might for a smooth image. See this article:
http://blogs.sitepoint.com/2007/09/18/png8-the-clear-winner/
(I like exporting through File>Image Preview, myself.)

Dreamweaver cs6 web image gallery

hi to all, i need help with web and image gallery, as far as web is OK but im trying to involve a lot of pictures inside, the problem is im trying to put table inside div tag with auto resize to thumbnails, i hope it is possible o is there another solution for images gallery

Here is how you deal with jQuery:
Firstly, you go get the code from the image gallery that you prefer that I linked to above.
Then you find out which version of jQuery you need.
Then you go to jQuery.com and download the code.
Then you create a folder in your defined side in Dreamweaver. Call it js.
Put jQuery into the js folder
Put your plugin (the gallery you chose) into the js folder.
Call both jQuery and your plugin in the <head> region of your web page thusly:
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/plugin.min.js"></script>
Then follow the specific directions for whichever gallery you choose to activate the plugin. For example, "fancybox" wants you to create a div class called fancybox. Then, in the <head> region of your web page underneath where you called the plugin(s), place the following:
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
</script>
And the plugin will work.
That's how to apply.
Alternatively, you could purchase a plugin from Project VII or other sources that will automate everything.

Dreamweaver CS3- scrolling image marquee

Hi,
I purchased Adobe Creative Suite 3. I would like to learn how to create animated images. Is this something that Dreamweaver can do or would I need to use another program within the Suite. I am new to the Suite.
How can I create a scrolling marquee of images. I would like these images to scroll left to right horizontally across my home page. Any suggestions?
Thanks.

Dreamweaver is not an image editor. It's an HTML authoring system. For
animated images (depending on what you mean by "animated", and what kind of
images they are), you would need to use either Flash, or an animated GIF, or
some javascript function like JQuery, or other third-party sources provide.
> How can I create a scrolling marquee of images. I would like these images
> to scroll left to right horizontally across my home page. Any suggestions?
You can certainly *do* this in DW, but DW doesn't provide an 'easy button'
approach to it. You would have to either find, and then integrate the
required functions in your page using DW, or find a suitable DW extension
for it. Of course, you could always make a post over on the main
Dreamweaver forum to get a good answer for this, but in my opinion, the best
you can do for this kind of thing would be found here (look at their
slideshow extensions) -
http://www.projectseven.com/
Murray

Dreamweaver CS3 Insert Image

I'm trying to insert an image onto my page. I typically
receive a prompt saying:
"You won't see the element unless View > Visual Aids >
Invisible Elements is checks, and the preference setting for this
element is on"
It puts the following text on a new balnk page without a
prompt:

<title>
<MMString:LoadString id="insertbar/image" />
</title>
I'm really lost. The Visual Aids is grayed out, however the
Invisible Elements is checked.

Bad url.
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"cavemanlawyer15" <[email protected]> wrote
in message
news:g2moo6$28i$[email protected]..
> I used Dreamweaver CS3's Insert | Image Objects |
Navigation Bar feature
to put
> a nav bar in a site. On the Products page (using IE 7)
the nav looks
great
> (apologies for the spaces in the URL):
>
>
http://www.clicksh arpma
rketing.com/beta/brum/products.html
>
> But click to Company or Contact and the logo at the top
right gets
clipped --
> any idea what is happening?
>
> Thanks very much.
>

New to Dreamweaver - need new-image-on-refresh code

Hi everyone,
I hope this is the appropriate place to post this request, if not, please redirect me. Thanks.
I have extremely limited knowledge using Dreamweaver and coding (ie: I know basic html), but I am attempting to build a page where the image I have sitting in a table cell changes randomly to another when I refresh the page. I have looked on the net for simple copy/paste solutions, but it is boggling my brain, and the attempts I've tried don't seem to be successful.
Does anyone perhaps have some reliable code and mind talking me through it?
Thanks in advance.

aphasia2008 wrote:
Although my web design vocabulary is rather poor, it would seem that the google results for the term "Javascript image rotator" seem to provide code which will rotate images with a timed transition.
Yes, an image rotator changes the images on a timed basis. For a static image that changes just on page load, the term to search for would be JavaScript random image. But I see you have found a solution. You can often find a lot of help just by typing a brief description of what you want into a search engine. Dreamweaver doesn't have a behavior for random images.

Dreamweaver-upload an image's file name to DB, so it can be retrieved through a site folder

I see a lot of help on how to save a file as a blog in an SQL database. I would prefer to do it the recommended way, through a site folder. I have a bunch of pictures that I want to match with various people (for a soccer team), and display those on a detail page. I have the Dreamweaver Missing Manual, which gives tips on how to create a URL to retrieve the data.
So I have a field in the SQL database for the image, but my question is, when I create a file field on the form, select the image in my folder and click to select it, and submit the form, the file name (or path) doesn't show up in the SQL database or on the Detail page. I feel like I'm missing one small element, and I hope that's the case.
Thanks in Advance for your help!

To that end, isn't it enough to just update the SQL database of the location of the image, or does there have to be a transfer through the database so that a distinct connection to the image is established?
No. That's not enough. Two things need to happen:
The image has to be uploaded to a specified location on the server (this is actually a multi-step process)
The name of the image has to be saved in the database
Then your code retrieves the name of the image and uses that name in a link, e.g.,
<img src="path_to_the_image/<?php echo $rs_whatever['image_name']; ?>" />

Dreamweaver mx no images

on my local site i cannot view my images, they show as
broken, when i upload them onto my site they are visible. i have
only just got this version, i created my files on mx 2004, what do
i do to view my images on the design page, is the same when i
download he page from the remote server
[email protected] if you know the answer

Unfortunately you are also about 4 years too late as that was your last chance to upgrade. Since Adobe only allows you to upgrade from the previous 3 versions you will have to buy a new license. And once Lion is released there is no more support for Rosetta which allows PowerPC apps to run so there is not much else you can do.
I would say go out and buy new. $399 for Dreamweaver MX lasted you 10 years. So another $399 for another 10 years is not that bad if that is how often you upgrade.

Dreamweaver CC - Rollover image to text transition for Fluid page css/html5

Hi All,
I am using Dreamweaver CC, Windows 7, PC.
Goal: To create a selectable text and colour overlay (not a second image with text in the image) that appears over the top of an image on rollover of the container that the image is located in, all inside a fluid page. Also I would like to avoid jquery and javascript if it's possible.
Please see the attached HTML5, CSS and 300x300jpg example of this page which should show what i'm trying to do, as you can see currently the text sits below the image on mouse hover and should be fitting nicely inside the image box. I will replicate this through all the images once I have it working correctly also. Please note the page fluid scaling at different sizes as I need the rollover to work at whatever size the window or device is.
Thank you in advance for any answers, ideas, work arounds etc you may have or if i've missed this specific scenario covered elsewhere?
Here is the HTML (apologies for my messy code):
<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="../boilerplate.css" rel="stylesheet" type="text/css">
<link href="../Website_Testing/style.css" rel="stylesheet" type="text/css">

<script src="../respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<article id="article" class="fluid">
    <div id="Examples" class="fluid">
      <div id="example1" class="fluid">
          <img src="images/300x300.jpg" alt=""/>
          <span class="text">TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </span>
      </div>
      <div id="example2" class="fluid"><img src="images/300x300.jpg" alt=""/></div>
      <div id="example3" class="fluid"><img src="images/300x300.jpg" alt=""/></div>
      <div id="example4" class="fluid"><img src="images/300x300.jpg" alt=""/></div>
    </div>
</article>
</div>
</body>
</html>
Here is the CSS (apologies for my messy code):
@charset "utf-8";
img, object, embed, video {
    max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
.fluid {
    display: block;
    text-align: center;
    clear: none;
    float: none;
.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;
/* Mobile Layout: 480px and below. */
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    clear: none;
    float: none;
#article {
    min-height: 160px;
    margin-left: 0;
    padding-left: 5%;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 5%;
    background-color: rgba(255,254,191,1.00);
#Examples {
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
.zeroMargin_mobile {
margin-left: 0;
.hide_mobile {
display: none;
#Examples #example1 {
    padding-top: 5%;
    padding-bottom: 5%;
    display: block;
    width: auto;
#Examples #example2    {
    padding-top: 5%;
    padding-bottom: 5%;
    display: block;
    width: auto;
#Examples #example3 {
    padding-top: 5%;
    padding-bottom: 5%;
    display: block;
    width: auto;
#Examples #example4 {
    padding-top: 5%;
    padding-bottom: 5%;
    display: block;
    width: auto;
.text {
    position: relative;
    display: none;
    background: #999;
    background: rgba(0,0,0,0.3);
    text-align: center;
    top: 0px;
#example1:hover .text {
    display: block;
    background-color: rgba(12,109,242,1);
#example1 {
    -webkit-transition: all 0.35s ease-in-out 0s;
    -o-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
#example1:hover {
    background-color: rgba(12,242,109,1.00);
#example2 {
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
#example2:hover {
    background-color: rgba(12,242,109,1.00);
#example3 {
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
#example3:hover {
    background-color: rgba(12,242,109,1.00);
#example4 {
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
#example4:hover {
    background-color: rgba(12,242,109,1.00);
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
    width: 100%;
    margin-left: auto;
    min-height: 100%;
#Examples {
    text-align: center;
    min-height: 640px;
.hide_tablet {
display: none;
.zeroMargin_tablet {
margin-left: 0;
#Examples #example1 {
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 46%;
#Examples #example2 {
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 46%;
#Examples #example3 {
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 46%;
#Examples #example4 {
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 46%;
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
#article {
    margin-left: 0;
#Examples {
    text-align: center;
.zeroMargin_desktop {
margin-left: 0;
.hide_desktop {
display: none;
@media only screen and (min-width:1024px){
#article #Examples #example1 {
    width: 23%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 16px;
    padding-bottom: 16px;
#article #Examples #example2 {
    width: 23%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 16px;
    padding-bottom: 16px;
#article #Examples #example3 {
    width: 23%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 16px;
    padding-bottom: 16px;
#article #Examples #example4 {
    width: 23%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 16px;
    padding-bottom: 16px;
#Examples {
    min-height: 340px;
And here is a 300x300 grey image i'm using as an example holder:
Thanks for taking the time all,
Jeff

Try this in a new, blank document:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 with Pure CSS Rollovers</title>
<style>
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
body {
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size:100%;
#rollover a {
display: inline-block;
position: relative;
margin-right: 2%;
text-decoration: none;
color: #FFF;
#rollover a span {
display: block;
visibility: hidden;
background-color: #3CC;
position: absolute;
z-index: 100;
left: 0;
top: 0;
font-size: 13px;
font-weight:bold;
line-height: 1.2;
color: #FFF;
text-align: center;
border: 5px solid orange;
padding: 5px;
width: 200px;
min-height: 125px;
#rollover a:hover span,
#rollover a:active span,
#rollover a:focus span { visibility: visible; }
#rollover a:hover,
#rollover a:focus { visibility: visible; }
</style>
</head>
<body>
<div id="rollover">
<p>
<a href="#"><img alt="description" src="http://placehold.it/200x125">
<span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. </span></a>
<a href="#"><img alt="description" src="http://placehold.it/200x125">
<span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. </span></a>
<a href="#"><img alt="description" src="http://placehold.it/200x125">
<span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. </span></a>
<a href="#"><img alt="description" src="http://placehold.it/200x125">
<span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. </span></a>
</p>
</div>
</body>
</html>
Nancy O.

Dreamweaver Created Rollover Images

Can Dreamweaver rollover image buttons validatein an HTML
online Validator? I usually use Dreamweavers rollover image option
to create my menus but the HTML never validates because of it. I've
ran pages through the validator site and its the code that
Dreamweaver put in that always sets it off. Take them out and the
page runs through fine. Is there away to create rollover images
that do validate?
Sorry I do not have a website to use an example just yet but
I can put one up if that helps. I was just wondering if this is a
well know issue with the way Dreamweaver makes its rollover buttons
or if its just me. If it is the way Dreamweaver makes them than I'd
love to know an alternative way to make them and have them
validate.
Thanks for your help!!!

> Can Dreamweaver rollover image buttons validatein an
HTML online
> Validator?
Of course.
Let's see the code from one of your rollovers that doesn't
validate.
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
==================
"c-fqgy" <[email protected]> wrote in
message
news:gcltjf$nc3$[email protected]..
> Can Dreamweaver rollover image buttons validatein an
HTML online
> Validator? I
> usually use Dreamweavers rollover image option to create
my menus but the
> HTML
> never validates because of it. I've ran pages through
the validator site
> and
> its the code that Dreamweaver put in that always sets it
off. Take them
> out and
> the page runs through fine. Is there away to create
rollover images that
> do
> validate?
>
> Sorry I do not have a website to use an example just yet
but I can put one
> up
> if that helps. I was just wondering if this is a well
know issue with the
> way
> Dreamweaver makes its rollover buttons or if its just
me. If it is the way
> Dreamweaver makes them than I'd love to know an
alternative way to make
> them
> and have them validate.
>
> Thanks for your help!!!
>

Dreamweaver 8. missing image elements on upload

i created my whole site in photoshop CS2 and "save for web"
over to dreamweaver CS2. only on the home page...when i preview the
site in dreamweaver there is no problem, but when i upload the site
to the remote server it appears to be missing some image files, so
it randomizes the images that are there (redwoodbaptist.org) any
help would be greatly appreciated.

Wow! What a mess. You're simply paying the price for trying
to build a web
page in a graphics app. The HTML graphics apps create is
messy and fragile.
Plus it looks like you mucked about with it once you got it
into DW. I see
image pieces that have been resized in DW, stretched and
squeezed and maybe
in doing so you rearranged some of the. Rest assured DW
didn't "randomize"
your image slices.
The only to ever have a worthwhile site is to start over and
do it right.
Use text for text and export only images from Photoshop.
Create all HTML in
DW.
Walt
"coachjon" <[email protected]> wrote in
message
news:gbpjsi$qhq$[email protected]..
>i created my whole site in photoshop CS2 and "save for
web" over to
>dreamweaver
> CS2. only on the home page...when i preview the site in
dreamweaver there
> is no
> problem, but when i upload the site to the remote server
it appears to be
> missing some image files, so it randomizes the images
that are there
> (redwoodbaptist.org) any help would be greatly
appreciated.
>

Dreamweaver css-background-image display in design area

dreamweaver 8 does not display css-assigned
background-images in the design-area... how can you teach him to do
so? dreamweaver mx still did this without any fuss... in dw8 you
search endlessly and in vain for a button to teach him the trick...
or has dreamweaver under adobe forgotten, what it already could
do??
can somebody please tell me? thanks!
[email protected]
ps: the background-image you assign using an id
(example:
#maindiv{
background-image:url(../pictures/capriccio-ornamentraender.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#CC3333;
is not shown (browsers do it however!), but if you assign the
image using
style="background-image:url(pictures/capriccio-ornamentraender.jpg"
within the tag, it's shown... poor performance by dw8...

dreamweaver 8 does not display css-assigned
background-images in the design-area... how can you teach him to do
so? dreamweaver mx still did this without any fuss... in dw8 you
search endlessly and in vain for a button to teach him the trick...
or has dreamweaver under adobe forgotten, what it already could
do??
can somebody please tell me? thanks!
[email protected]
ps: the background-image you assign using an id
(example:
#maindiv{
background-image:url(../pictures/capriccio-ornamentraender.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#CC3333;
is not shown (browsers do it however!), but if you assign the
image using
style="background-image:url(pictures/capriccio-ornamentraender.jpg"
within the tag, it's shown... poor performance by dw8...

Dreamweaver thinks my images are in a folder

I've set up a site with many images in the root folder. When
I drag an image to the page (also in the root folder, not a
sub-folder) the src box in the properties inspector has a slash in
front of the filename as though the image is in a sub-folder. For
example, if the image is named picture.jpg the src box in the
properties inspector reads /picture.jpg.
Does anybody know why this is happening? It's really annoying
because I have to erase the slash for every image in order for the
image to display in the browser.

Your site definition is set to use root relative links. Don't
panic. They
work. But they will not work in local preview UNLESS you have
enabled
PREFERENCES | Preview in Browser > Use temp files for
preview.
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
==================
"ss2104" <[email protected]> wrote in
message
news:gnmqqc$pjp$[email protected]..
> I've set up a site with many images in the root folder.
When I drag an
> image to
> the page (also in the root folder, not a sub-folder) the
src box in the
> properties inspector has a slash in front of the
filename as though the
> image
> is in a sub-folder. For example, if the image is named
picture.jpg the src
> box
> in the properties inspector reads /picture.jpg.
>
> Does anybody know why this is happening? It's really
annoying because I
> have
> to erase the slash for every image in order for the
image to display in
> the
> browser.
>

Dreamweaver Firefox swap image problem

I have a navigation bar that uses swap images and hidden
layers. It worked from spring 2007 until recently. Now in Firefox
nothing happens when the mouse goes over the image. I have been
told the same problem has recently begun with Safari. It still
works fine in Internet Explorer. What has changed and how can I fix
this problem?
My website is: www.fumcpalestine.com
My problem has be resolved. It was caused by z index of
heading overlaying the z index of navigation bar in case others
have the same problem.

There is an error in your doctype declaration that is likely making IE soil itself.
Change...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
to...
<!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>
And see if that helps.

Dreamweaver - onClick/onClick Image Swaping

Similar Messages

Maybe you are looking for