Image swap from a ul

Hi,
please see my link http://www.denotestationery.com/denote_localroot1/weddingvintage.html
I am trying to achieve an image swap in the stationerycontainer div that houses the invite image, by rolling over each list item (stationeryinfo ul down the side of the image), as the user rolls over the stationeryinfo ul, the image in the stationerycontainer div will change accordingly.
Is there a way to achieve this by just using the html in the stationeryinfo ul & without the use of images in that list? I basically want it to look like the sidebar nav when you roll over it but I don't need the stationery info list to link to anything.
I hope I am making sense!

Hi, yes, well kind of, I don't need the list to link to anything, it's purely to show the user what each design peice looks like by rolling over the list. I have done this before, but with the use of the list as images rather than html. But I want to be able to allow the html to do it instead & as I am a newbie the only way I have found to do it is by adding a link to the code. and then linking is straight back to the same page. Like below. I hope I am making sense.
Weddingvintage.html is the page the user will be on.
<li><a href="weddingvintage.html" onmouseover="MM_swapImage('vintageday','','denoteWebimages/gallery_chrysanth.gif',1)" onmouseout="MM_swapImgRestore()">Day invitation</a></li>
Is there another attribute rather than the a href that will work with the swap image?
Thanks in advance

Similar Messages

CSS Image Swap Conundrum Link Rel

Hi. I apologise in advance for the length of the post. It's probably very simple for you, but it's killin' me.
http://jchmusic.com
I've been experimenting with two ideas that are conflicting with one another.
The first is that I wanted to integrate my wordpress-based blog into my site so they look/feel the same. I did this by using a php include in the index page of the blog which reads in the sidemenu of my main site sidemenu.shtml. Seemed to work OK, BUT in order to have the menu look/feel correct it has to read the style sheet from the main site, default.css. So I guess I 'cheated' by adding a <head> statement to sidemenu.shtml like so:
<head>
<link rel="stylesheet" href="http://jchmusic.com/default.css" type="text/css"/>
</head>
...note that it reads in the full path of the style sheet, since the wordpress blog 'lives' in another folder. (I made various attempts at including the style sheet into the blog as a whole but they were disasters. The selector names and ids conflict and it's a MESS.
As I said that works. Now the second issue:
Also on sidemenu.shtml is the top site graphic JCHMusic. There are actually two graphics, JCHMusic for when the user is at the main page and JCHMusic+themusicofjcharris which displays when the user is at any other page. The 1st is hidden in the default style sheet using display:none. When the user is at the main page, the 2nd graphic is hidden using a local stylesheet which reverses the display property. Works fine.
EXCEPT THAT, there is something about having that extra head in sidemenu.shtml that prevents the image swap from working.
IOW: if I remove those 3 lines from sidemenu.shtml, the image swap occurs as expected. But of course, when I do that, it destroys the look of the menu when the user selects the blog.
Can I have my cake and eat it too?
TIA,
---JC

Parent level pages must contain only one set of the following:
1) Valid Document Type
2) Hhtml tags
3) Head tags
4) Body tags
Server-Side includes are nothing more than snippets of reusable HTML code. Most often we use them for shared page elements such as headers, footers and menus. No great mystery to using them really.
http://forums.adobe.com/message/2112460#2112460
SSIs cannot contain any of the above mentioned HTML tags as they already exist on the parent page. If you put additional <head> tags into your include files, this will result in duplicate <head> tags in the parent page once content is parsed by the server. You don't want this to happen. Incidentally, code errors (even small ones caused by YouTube and Amazon code) can cause browser rendering issues. All code errors can and should be fixed.
Finally, If you want to reference an external stylesheet that is currently outside your WP folder, copy the CSS file to your WP folder and put your external stylesheet link inside the WP Parent page; not in the include file.
Good luck with your project,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Drop down menu with image swap

I have a drop down menu that I need some help with. The page is here: http://www.healthquestpt.com/lwh/
The default menu as you see it is the way I want it: gray tab background, white text that is centered on the image. What I want to make happen with it is when you mouseover the link to have the image swap from: to: and I want the text in this "tab" to remain centered and change to blue
For the dropped down links I just want a plain white background, the links to be aligned left and the default color to be blue. I want the text hover color to be gray.
Ive tried various things and I cant seem to figure how to get style attributes assigned correctly.
All help is GREATLY appreciated!!!
My css file is here: http://www.healthquestpt.com/lwh/styles.css
and the dropdownmenu.js file is here: http://www.healthquestpt.com/lwh/scripts/dropdownmenu.js
P.S. I'm using DW CS6

You might want to try out the Spry menus which ship with Dreamweaver.
Below is the code for the menu BUT you'll have to make sure the SpryMenuBar.js file is in your site folder for the sub-menus to work.
Best way of doing that is to open a blank page. Go to Insert>Spry>Spry Menu Bar>Horizontal>save page which will create a folder named SpryAssets into your site folder. Open up the SpryAssets folder and delete the file - SpryMenuBarHorizontal.css
Copy and save code below into a new Dreamweaver document and save it to your side folder. Run it via a browser.
<!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>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<style>
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 13px;
    cursor: default;
    width: auto;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
ul.MenuBarActive
    z-index: 1000;
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    width: 140px;
    float: left;
    margin-right: 4px;
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
ul.MenuBarHorizontal a
    display: block;
    background-color: #666;
    text-decoration: none;
    text-align: center;
    padding: 4px 0;
    color: #fff;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    border-left: 1px solid #666;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -khtml-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
ul.MenuBarHorizontal a:hover
    background-color: #fff;
    color: #39C;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    border-left: 1px solid #666;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 140px;
ul.MenuBarHorizontal ul li a
    background-color: #FFF;
    color: #666;
    border: none;
    text-align: left;
ul.MenuBarHorizontal ul li a:hover
    border: none;
    color: #39C;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;
</style>
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Office Supplies</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
<li><a href="#">Paper & Printing</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Filing</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Mailing & Shipping</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Furniture</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Audio Visual</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">

</script>
</body>
</html>

HTML swap image command from Flash Actionscript

Is there a way within Flash, with actionscript, to make an
image swap on an html page? Help!

yes it is posible.
set img id for the image in your html, e.g: Image1
<img id="Image1" src="pic01.jpg" width="100" height="100"
alt="" />
lets say you have a button, when click on it, it swap Image1
to pic02.jpg
on(press){
getURL("javascript:MM_swapImage('Image1','','pic02.jpg',1)")
and another button, when click on it, restore original image,
on(press){
getURL("javascript:MM_swapImgRestore()")
and the most important thing, add script below in your html
head tag

Extract image data from a bitmap image in C# HELP Please!!

Hi there,
I am trying to extract the image data from a bitmap file - i.e. delete the image's BMP header.
But I keep getting an error (System.IndexOutOfRangeException) in line 85 (if I am not mistaken) inFilename = args[0];
Where the Console Application just crashes.
https://msdn.microsoft.com/query/dev12.query?appId=Dev12IDEF1&l=EN-US&k=k(EHIndexOutOfRange);k(TargetFrameworkMoniker-.NETFramework,Version%3Dv4.5);k(DevLang-csharp)&rd=true
Any idea what is going wrong?
I thank you for your time and help in advance,
IP
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace ConsoleApplication1
class Program
private static string inFilename, outFilename;
private static string errorMessage;
private static void ShowUsage()
Console.WriteLine("BMP2CSV by David Bolton. http://cplus.about.com (C) 2013");
Console.WriteLine(@"Usage: bmp2csv input[.bmp] [output.csv]");
Console.WriteLine(@"[means optional]");
Console.WriteLine("Input extension must be .bmp, ouutput (if supplied) .csv");
private static bool outputCsv(byte[] data, int width, int height)
try
using (var sw = new StreamWriter(outFilename))
var ptr = 0;
for (var y = 0; y < height; y++)
var line = new StringBuilder();
for (var x = 0; x < width; x++)
line.Append(data[ptr++].ToString()).Append(',');
sw.WriteLine(line);
return true;
catch
Console.WriteLine("Error writing to " + outFilename);
return false;
private static bool ProcessFile()
try
using (var filein = new BinaryReader(File.OpenRead(inFilename)))
var Signature1 = filein.ReadByte(); // now at 0x1
var Signature2 = filein.ReadByte(); // now at 0x2
if (Signature1 != 66 || Signature2 != 77) // Must be BM
errorMessage = "Input File is not a BMP file";
return false;
filein.ReadDouble(); // skip next 8 bytes now at position 0xa
var Offset = filein.ReadInt32(); // offset in file now at 0ea
filein.ReadInt32(); // now at 0x12a
var fileWidth = filein.ReadInt32(); // now at 0x16
var fileHeight = filein.ReadInt32(); // now at 0x1a
filein.ReadBytes(Offset - 0x1a); // should now be at offset bytes into file
var data = filein.ReadBytes((int)filein.BaseStream.Length - Offset);
// read remainder of file into data- array of bytes
//Console.WriteLine("Data Length = {0}",data.Length);
return outputCsv(data, fileWidth, fileHeight);
catch
errorMessage = "Error reading " + inFilename;
return false;
private static void Main(string[] args)
errorMessage = "Ok";
if (!ExtractParameters(args))
return;
if (!File.Exists(inFilename))
Console.WriteLine("Cannot find file " + inFilename);
return;
if (ProcessFile())
Console.WriteLine("file successfully processed - output in " + outFilename);
else
Console.WriteLine("File processing failed: " + errorMessage);
private static bool ExtractParameters(string[] args)
inFilename = args[0];
var extension = Path.GetExtension(inFilename);
if (extension.Length == 0)
inFilename += ".bmp";
else
if (extension.ToUpper() != ".BMP")
ShowUsage();
return false;
switch (args.Count())
case 1: // No output filename so swap extensions
outFilename = Path.GetFileNameWithoutExtension(inFilename) + ".csv";
break;
case 2:
{ // check outfiulename has no extension or a .csv only
outFilename = args[1];
extension = Path.GetExtension(outFilename);
if (extension.Length == 0)
outFilename += ".csv";
else if (extension.ToUpper() != ".CSV")
ShowUsage();
return false;
break;
default: // no parameters? You get the usage message
ShowUsage();
return false;
return true;

You probably did not specify the command-line arguments, i.e. the name of input and output files. In order to do this in Visual Studio for debugging, see
https://msdn.microsoft.com/en-us/library/vstudio/1ktzfy9w(v=vs.100).aspx. So type something like “C:\My Folder\MyFile.bmp” “C:\My Folder\MyOutput.csv”, including quotation marks, according to your real disks and paths.
The program should be fixed to detect such errors and call
ShowUsage. Maybe ask the author.

Image swap and IE7 in DW CS4

I have thumbnails 80px square and a div set at 600px square I select and name a loctor image and put in the div.
When I set up image swap all works fine in Safari, IE8 but in IE7 after the image has swapped, if I move the mouse over or near the large image the image disappears and I get a black 600px size square with a red X in it in the top LH corner, this stays untill I click the next thumbnail. Any help would be appriciated.William

Delete line 372 from...wait...move over a little bit so I can see better...uh oh. My crystal ball just went on the fritz again and I can't see your code from here.
Can you provide a link to the problem page?
Mark A. Boyd
Keep-On-Learnin' :-)

Help building image swap in flash cs4?

Hello all,
I've been trying to research 'flash cs4 image swap' but most everything I find is related to dreamweaver, so I appreciate anyone's help to point me in the right direction.
I have a project in which I have an opening scene of a main image and 8 thumbnail buttons. This opening scene is pretty basic, as the thumbnails would link to a new scene or frame label (however I build it). This 2nd scene or instance in the timeline is where I would display another large image, and 6 new thumnail images that, upon rollover, would swap the large main image with the large version of the active thumbnail.
Basically I have a main 'menu' of category thumbnails that link to an instance in the timeline that displays the initial large image for that category, and allows the user to mouseover the other thumbnails to see the large images, and then click to go to a specific URL for more information.
The trouble I have with my rusty, limited AS knowledge is how to effeciently write the AS so that the image swap works. I quickly ran into a wall trying to acomplish this using a very OLD method that would require a LOT of jumping around the timeline. If there is ANYTHING out there that can help me figure out how to do this efficiently, I would very much appreciate the help.
Thanks in advance

that's really what I'm asking, is if there is any such AS to do this.... I would normally do it just using CSS & HTML, but I have to keep it all contained within one page, I can't click to a new page from the opening scene to show the sub category of graphics. I figured I could set the opening scene up easily with a goto frame label 'category 1'.... then at category one is where I need to figure out what to do to swap the images....
If I keep it very simple with no fade effects or anything, yes I could just jump to a frame and back, and so on.... Instead of animating all the different elements, is there a way to activate an instance of a mc, like a white to transparent fade, and just have that animate in place and out, chaning the images in a layer below it while it's in place? I'm really green to AS so I may be talking outta my ear on this,
your feedback is greatly appreciated.

Help with Editable Regions and Image Swap

I need some assistance for a project I am working on, and I don't know a short way to describe. Hang with me, here it goes....
I am working with the sites 'Navigation' links. I want to use a MouseOver behavior so that the image swaps when moused over. I want the MousedOver image to remain when you are on that page. I can manually make this happen, but I am running into difficulty because I want the Navigation to be located in an un-editable region so when I add new pages, the entire site will update as I make changes to the template.
I don't know how to create this effect without manually swapping all the images via behaviors on each and every page, and when I need to do these edits, the region needs to be in an UnEditable region so that the template will update all the pages.
I guess the question is, how can I customize images from page to page in an Un-Editable region in a Template driven page?
Thanks.

Image swaps are clumsy for navigation because you have to re-craft your menus every time you edit your site. This gets very old in a hurry.
CSS styled menus are not only easier to maintain in DW they are web friendly for all devices -- especially Smartphones who may have images disabled to save on bandwidth charges.
DW comes with Spry Menus which you can customize with CSS
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html
Additionally, there are some excellent DW extensions you can use to build professional looking CSS menus in seconds.
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Have 2004 eMac...screen goes black without notice. Getting a reconditioned 2005 eMac. Can I have the HD swapped from old eMac to reconditioned one without problems??? Black screen is called "collapse to black" and occurs 4-5 daily

Have 2004 eMac...screen goes black without notice. Black screen is called "collapse to black" and occurs 4-5 daily. From what I understand, this is due to bad capicators????? Found a reconditioned 2005 eMac on line. Can I have the HD swapped from old eMac to reconditioned eMac without problems???...with regards to software applications. Old eMac is running 10.4.11 and reconditioned on runs 10.5. Suggestions, tips would be greatly appreciated. Thank you.

Might want to make sure both units are not affected. This is the range of serial number from the now-defunct Apple Repair Extention Program for USB 2.0 eMacs:
G8412xxxxxx- G8520xxxxxx
YM412xxxxxx - YM520xxxxxx
VM440xxxxxx - VM516xxxxxx
A "collapse" is more indicative of a video cabling issue, but the bad caps produced such a wide range of problems that it's hard to sort through them.
If the old eMac is a USB 2.0, which a 2004 unit should be, the HD should exchange with the new one. As the last of the eMacs shipped with Tiger, the new computer should have no probelms with a 10.4 boot volume on the old drive. You can upgrade to Leopard one you have hte new disk in place.
NOTE: Takeapart and reassembly on the USB 2.0 must be done "just so" or you can permanently damage the power switch. Instructions for the USB 1.1 takeapart are slightly different , and the power swtich damage is usually caused by people using the older instructions on a newer eMac.
If you are not up to the takepart nor can you find a local computer tech who knows these. consider taking the drive out of the dead computer(won't make much difference if you damage that one as it's dead), buy an external Firewire enclosure, and put the old drive on it and use it to move data to the new computer. Then you can leave the external attached as a backup drive.
Is the new one a 1.42Ghz model? They have been practically trouble-free around here. We have one and it's been rock solid since we bought it as a refurb in Jan 2006. The 1.42G has the advantage of a Core Image-enabled video chipset, the ATI 9600.
And all USB 2.0 eMacs can, with modern memory modules, support up to 2G of RAM.

Mouse Over Image Swap bugged transition problem

I have a question regarding the function of "Import" and "Update" in the properties of an image. I've re-updated the link above to reflect my specific question. In the movie, there are image swap transitions as you scroll over various sections of the home page. These actions are carried out in the target cont_images and cont_images/images for the pictures. I attempted to update one of the photos in the library with a new picture of equal quality and proportions but when I then watch the movie, the action is carried out but in a very un-smooth fashion. The transition can be contrasted here:
http://www.greenworknow.com/Test/2138/flash&html/index.html
vs
http://www.greenworknow.com/Test/2138/flash&html/buggedmain.swf
The bugged transition will be the Adventure tab in the center, right most box. You'll also notice that with the bug it quickly flashes the picture under the "Register" Tab (image_big_2) with the one that was changed being (image_big_3). The part that puzzles me is that it had worked once by simply updating/importing but for some reason no longer does, I believe it lies in the method I'm going about replacing the photo. Also the photo isn't being called externally from a folder as it is built into the library of the FLA. I hope this was all clear enough. If there are any odd parts, I'll be watching the thread to respond if you have a question.
Again, thank you for your continued efforts in helping me, the aid is very much appreciated.
(If you need to download the FLA, there's a link under that index page above to do so)

*bump*
Anyone have an idea? or maybe alternate methods I can try to implement the new images?

Image swap behaviour

Been looking at a link Murray sent me (
http://www.dwfaq.com/tutorials/basics/disjointed.asp)
- I'm not sure if it's 'exactly' what I need to get what I want: I
want to have a series of thumbnail images, all different
proportions, on mouse over of any thumb an enlarged image of the
relevant thumb appears somewhere else (but all enlarged images
appear in this same 'enlarged' spot). I understand the 'swap
behaviour' has to be a swap from a transparent gif to the image in
question, but because all the enlarged images will be various sizes
and proprtions how can 'one' transparent gif serve all (the first
one I tried I made the trans gif large and sq, but the enlarged
image was more rectangular, so when I previewed it, the image was
forced to become sqaure! Not only that, it only triggered the swap
when I moused over the trans gif, not the the thumb as intented.
What 'simple' thing am I doing wrong here and is it the right way
for multiple images appearing (one at a time of course) in the same
spot?

On Mon, 29 Jan 2007 11:39:12 +0000 (UTC), "Deansplit"
<[email protected]> wrote:
>Been looking at a link Murray sent me
>(
http://www.dwfaq.com/tutorials/basics/disjointed.asp)
- I'm not sure if it's
>'exactly' what I need to get what I want: I want to have
a series of thumbnail
>images, all different proportions, on mouse over of any
thumb an enlarged image
>of the relevant thumb appears somewhere else (but all
enlarged images appear in
>this same 'enlarged' spot). I understand the 'swap
behaviour' has to be a swap
>from a transparent gif to the image in question, but
because all the enlarged
>images will be various sizes and proprtions how can 'one'
transparent gif serve
>all (the first one I tried I made the trans gif large and
sq, but the enlarged
>image was more rectangular, so when I previewed it, the
image was forced to
>become sqaure! Not only that, it only triggered the swap
when I moused over the
>trans gif, not the the thumb as intented. What 'simple'
thing am I doing wrong
>here and is it the right way for multiple images
appearing (one at a time of
>course) in the same spot?
Your transparent gif and your full-size images have to have
the same
dimensions. Therefore your transparent gif needs to be the
same size
as your largest full-size image. The other (smaller)
full-size images
will have to be put on a canvas of the appropriate size to
make the
final dimensions the same as the transparent gif.
Steve
steve at flyingtigerwebdesign dot com

Change a link with Image Swap?

Okay so far I have my website designed. Here is what I have so far...
... I have successfully managed to have all the thumbnails keep their rollover behaviors while also making the main image change whenever any of the thumbnails are clicked. So that takes care of the main image problem. Now I need to find a way to get the "click image for larger" action to work. The problem I have is that in Dreamweaver CS3 the main image stays put. It is sort of the anchor that holds the Image Swap behavior in place. So in a web browser if anyone were to actually click on that main image it would not open a new browser window that is specific to the new main image they see. No matter what the main image switched to, if anyone clicked on it, the new browser would always open a window for the big PEARL STREET GYM flier.
I am wondering if there is a way to get the main image link to swap along with the image so that the new browser window will also follow along with the coinciding main image that is shown. Is there a way to do this (without using spry)?
(the reason I don't want to use spry is because I am still learning and so far spry just confuses the hell out of me. I'm sure I'll learn it one day... but just not right now)

if anyone reads this... turns out this can be done with the Set Text behavior.
Basically, you make your "click here for larger image" text and apply the Open Browser Window behavior.
Then with the text highlighted you go to Code View and copy the code that makes this behavior function.
Then you redo these steps for all the thumbnails you have. In my case I have 8 thumbnails so I need to adjust the Open Browser Window 8 times, one time for each of the large pictures i want to pop open, copying the code for each and pasting each code into a blank word document for later.
Then you clear this behavior and click on the container that is holding your "click here for larger" text. Give this container an ID in the attributes panel.
Okay so now you click on the first thumbnail you want to use. Give that thumbnail a Set Text in Container behavior. Direct the drop down menu to the container ID you just applied. Then in the new HTML box copy and paste the code you copied from the Open Browser Window behavior.
Go through each of your thumbnails and repeat these steps, being sure to paste in the correct Open Browser Window code for each thumbnail.
After you get done with adding all of your Set Text behaviors preview your site in a web browser. When you click on any thumbnail the "click for larger" text should look the same but when you click on the text your browser should pop open a new window that matches the corresponding thumbnail. (unless i left out a step here)
it isn't exactly what i was looking for when i asked if there was a way to make the image itself clickable. but the small line of text under the image working as a link accomplishes the same task.

Image swap based on month

I have a site that I want to set themed months too by having
an image swap. I've tried searching the web for various image swaps
but nothing seems to come up that would read the users calender to
figure out what image to display. I was wondering if you know of a
script out thier that would do this? Hopefully one that comes with
a troubleshooting guild since I've never had much luck with this
kind of thing. Thanks!!!

c-fqgy wrote:
> I have a site that I want to set themed months too by
having an image swap.
> I've tried searching the web for various image swaps but
nothing seems to come
> up that would read the users calender to figure out what
image to display. I
> was wondering if you know of a script out thier that
would do this? Hopefully
> one that comes with a troubleshooting guild since I've
never had much luck with
> this kind of thing. Thanks!!!
>
<script>
onload=function(){
document.images["imageOfTheMonth"].src=
["jan.gif","feb.gif","mar.gif", ... ,"dec.gif"][new
Date().getMonth()];
</script>
<img name="imageOfTheMonth" src="transparent.gif">
In the anonymous Array ("jan.gif" etc), list the src's of the
12 images
you want to display.
I acn be reached by removing BOGUS from my email.
Mick

Show/hide lots of layer, image swaps and page size

Hi - I am working on a webpage that requires 39 thumbnails to
show 39 large
images when clicked and to also show some text on mouseover -
take a look.
http://www.redsea.co.nz/lipitor/slidekit.shtml
I have been asked to use scrolling divs to house the
thumbnails and so i
have.
I'm working through the image behaviours (up to slide no. 10
you'll see) and
I'm wondering if there is a better way to do all this. 39
rollover show/hide
layers and image swaps seems very laborious to me, not to
mention the page
is getting far too heavy........
Anyone got any better ideas? (apart from a dynamic page) -
all thoughts much
appreciated.
Also, any other issues spotted around this site please let me
know, I'm
supposed to have this finished by monday am..
Thanks in advance
Karen

Yes, I have a better idea. Use the ShowPic extension from
PVII -
http://www.projectseven.com/,
or even do it yourself with the SetTextOfLayer
behavior in DW -
http://dreamweaverresources.com/tutorials/settextoflayer.htm
Either of those would be much better ways, since the page is
not encumbered
with the weight of all of the enlarged images UNTIL you click
on the
corresponding thumbnail.
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
==================
"Karen J" <karen@don'tmailmeredsea.co.nz> wrote in
message
news:eaeto3$758$[email protected]..
> Hi - I am working on a webpage that requires 39
thumbnails to show 39
> large images when clicked and to also show some text on
mouseover - take a
> look.
>
>
http://www.redsea.co.nz/lipitor/slidekit.shtml
>
> I have been asked to use scrolling divs to house the
thumbnails and so i
> have.
>
> I'm working through the image behaviours (up to slide
no. 10 you'll see)
> and I'm wondering if there is a better way to do all
this. 39 rollover
> show/hide layers and image swaps seems very laborious to
me, not to
> mention the page is getting far too heavy........
>
> Anyone got any better ideas? (apart from a dynamic page)
- all thoughts
> much appreciated.
>
> Also, any other issues spotted around this site please
let me know, I'm
> supposed to have this finished by monday am..
>
> Thanks in advance
>
> Karen
>
>

Image swap

Anyone know how I can make an image swap for another image in
Dreamweaver by clicking on an image button?
Thanks in advance for any help.

Not sure if this is what you mean, but I thought I'd put it
out there, just in case.
For a rollover:
name all of your images that will be involved in the swap,
first of all.
select the image button that you want to trigger the event.
under the Tag panel on the right, under the behaviors tab,
click the Add Behavior (+) button.
Select Swap Image from the menu.
Select the Image name of the image that you want to change
browse for the file that you want the image to change to
select/ deselect the restore imgage option accordingly.
Hope that helps!

Image swap from a ul

Similar Messages

Maybe you are looking for