Solved

Image swap??

Posted on 2004-08-18
4
161 Views
Last Modified: 2010-04-25
I want to create something similar, using HTML or similar, like what these guys have done in Flash.

http://www.cityliving.com.au/gallery/Savoy.html

I have seen this done before but I cannot remember how.

Thanks,

Rob.
0
Comment
Question by:rgoggins
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 8

Accepted Solution

by:
alexhogan earned 500 total points
ID: 11837137
You can do this with layers and the  hide/show layers behavior.

Create your page with the images on the right and the main image in a layer.
Create a layer for each of your images with the same location
In the behaviors tab select show hide layer
Use the onOver and onOut events to make the switch
0
 
LVL 1

Author Comment

by:rgoggins
ID: 11837535
I tried the "swap image" and "swap image restore" bevhavior to achieve the result. It seems to be working fine. I will also try the hide/show layers behavior as you have suggested. Do you know of any difference or pros and cons of these two solutions?

Thanks for the input.

Rob.
0
 
LVL 8

Expert Comment

by:alexhogan
ID: 11837924
You will have a little more control with the layers than just swap image, but you might be using a little more overhead with the layers.

Either way is just about as good.  I like the layers because of the control.
0
 
LVL 1

Author Comment

by:rgoggins
ID: 11837955
Thanks Alex.
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
Nobody understands Phishing better than an anti-spam company. That’s why we are providing Phishing Awareness Training to our customers. According to a report by Verizon, only 3% of targeted users report malicious emails to management. With compan…
How to Install VMware Tools in Red Hat Enterprise Linux 6.4 (RHEL 6.4) Step-by-Step Tutorial

751 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question