• You must now select Courier Delivery if you wish to receive items before Christmas.
 

pitman
SILVER Member since Mar 2005

pitman

addict
Location: swansea, United Kingdom

Total posts: 544
Posted:i need some help
i want to have 7 images over lapping each other like so
[[[[[[] with the last one visable. does any one know whow to coed it so when i roll my mouse over a pic it comes to the front with out clicking confused thnaks alot


DONT DO DRUGS THERE BAD FOR YOU.
SO GIVE THEM ALL TO ME AND I WILL GET RID OF THEM FOR YOU!

Delete Topic

maus
BRONZE Member since Jul 2005

maus

Carpal \'Tunnel
Location: Sihanoukville, cambodia

Total posts: 4191
Posted:I would imagine asking Sym the super computer man would be your best bet! smile

Delete

Seye
SILVER Member since Mar 2005

Seye

Geek
Location: Manchester, UK

Total posts: 1261
Posted:theres 2 ways - the easiest is to use flash (if you have access to it).

you can also use an onmouseover scripty thing.

are you using dreamweaver or writing from scratch?


Delete

Seye
SILVER Member since Mar 2005

Seye

Geek
Location: Manchester, UK

Total posts: 1261
Posted:actually thinking about it - you'll have to use flash.

I'm sure you can only layer 2 images before it gets obscenely complicated.


Delete

NOn


activist for HoPper liberation.
Location: ffidrac

Total posts: 1643
Posted:you can do more than two with combination of javascript and CSS methinks... i found a nice example someplace on the web, i just can't remember where, or what i typed in to find it... can't you ask your girlfriend pitman?

In the meantime if i remember where it was i shall report back, i probably bookmarked it but it might be on the computer at work....


Aurinko freedom agreement reached 10th Sept 2006

if it makes no sense that's because it's NOn-sense.

Delete

Sym
BRONZE Member since Sep 2004

Sym

Geek-enviro-hippy priest
Location: Diss, Norfolk, United Kingdom

Total posts: 1858
Posted:You'll be able to do it with onmouseover changing the z-index of the image - I'll cook up some code if you like...

There's too many home fires burning and not enough trees

Delete

Sym
BRONZE Member since Sep 2004

Sym

Geek-enviro-hippy priest
Location: Diss, Norfolk, United Kingdom

Total posts: 1858
Posted:Ok, here is a very basic start at what you are trying to do. It would be much better to use a javascript function that looks for all images, sets the z-index and does the mouse over/out stuff, but hey, it's a start!

 Written by:


<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>Image overlap</title>
<style type="text/css">
/*<![CDATA[*/
img {
float:left;
border:1px solid black;
}
.image1 {
position:absolute;
z-index:1;
}
.image2 {
position:absolute;
margin-left:1em;
z-index:2;
}
.image3 {
position:absolute;
margin-left:2em;
z-index:3;
}
/*]]>*/
</style>
</head>
<body>
<img src="3.png" height="400px" width="400px" class="image3" onmouseover="this.style.zIndex=10;" onmouseout="this.style.zIndex=3;" /> <img src="2.png" height="400px" width="400px" class="image2" onmouseover="this.style.zIndex=10;" onmouseout="this.style.zIndex=2;" /> <img src="1.png" height="400px" width="400px" class="image1" onmouseover="this.style.zIndex=10;" onmouseout="this.style.zIndex=1;" />
</body>
</html>




There's too many home fires burning and not enough trees

Delete

NOn


activist for HoPper liberation.
Location: ffidrac

Total posts: 1643
Posted::claps: Sym to the rescue... hey right now i'm supposed to be doing an assessment for my course in javascript, don't fancy a go do ya sym? wink

hehe, only kidding, we don't learn if we don't do it properly now do we.... *mopes off to try and do some work*


Aurinko freedom agreement reached 10th Sept 2006

if it makes no sense that's because it's NOn-sense.

Delete

Sym
BRONZE Member since Sep 2004

Sym

Geek-enviro-hippy priest
Location: Diss, Norfolk, United Kingdom

Total posts: 1858
Posted:hehe, well this is really basic javascript, and I don't really like using things like onmouseover in the tags - javascript shouldn't be in the HTML at all, it should be added after and change the page based on id's, class names and tag names.

Take a look at http://dean.edwards.name/weblog/2006/06/levels/
for an idea...

hug


There's too many home fires burning and not enough trees

Delete

pitman
SILVER Member since Mar 2005

pitman

addict
Location: swansea, United Kingdom

Total posts: 544
Posted:nice one eveybody especily sym and non i dont want to ask my girlfriend coz she got loads of work on at the mo and she will just moan at me lol

DONT DO DRUGS THERE BAD FOR YOU.
SO GIVE THEM ALL TO ME AND I WILL GET RID OF THEM FOR YOU!

Delete

UCOF
SILVER Member since Apr 2002

UCOF

Carpal \'Tunnel
Location: , United Kingdom

Total posts: 15414
Posted: Written by: Non

an assessment for my course in javascript, don't fancy a go do ya sym?



ubbangel wink


Delete


Similar Topics

Using the keywords [website] we found the following similar topics.
1. Forums > Glasto Acts
2. Forums > Improve your website (have it reviewed) [64 replies]
3. Forums > website hosting ( beware - rant within!) [20 replies]
4. Forums > Pretty little Poi website [15 replies]
5. Forums > pattern website - should be in chat, i know, but.... [7 replies]

     Show more..