Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Image swap??

Posted on 2004-08-18
4
Medium Priority
?
165 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 2000 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…
I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
This is my first video review of Microsoft Bookings, I will be doing a part two with a bit more information, but wanted to get this out to you folks.
Want to learn how to record your desktop screen without having to use an outside camera. Click on this video and learn how to use the cool google extension called "Screencastify"! Step 1: Open a new google tab Step 2: Go to the left hand upper corn…

688 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