• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Dreamweaver or Flash to do that???>>>

F

FrenchBerliner

Guest
#1
Hello...
Check that page:http://www.mathiastrostdorf.de/#
[WARNING]: Site contains potentially unsuitable content and is under moderating review. Open at your own risk - NetRyder
I wanna use the same effect for my own web site...fly over the thumnail and the pic appears in the center frame....

But how????
With Dreamweaver?? Flash???

Thanx

FB
 
#2
its an onMouseOver Javascript

<a href="#" onmouseover="swapImage(2)"><img src="images/black.gif" width="50" height="50" name="img002" border="0"></a>

thats one of the links he uses, open the link then right click and View Source, you will see how he does the links.
 
F

FrenchBerliner

Guest
#3
Originally posted by Geffy
its an onMouseOver Javascript

<a href="#" onmouseover="swapImage(2)"><img src="images/black.gif" width="50" height="50" name="img002" border="0"></a>

thats one of the links he uses, open the link then right click and View Source, you will see how he does the links.
Thanx dear...but how do I install the frame that display the image in the center?? Usually the onMouseOver Java script opens a new window...isn'it???
 
M

meancode

Guest
#7
FrenchBerliner - this is what Dreamweaver and Fireworks call a disjointed rollover. and is quite easy to setup in Dreamweaver.

instead of rolling over the same image, you are just rolling over that middle one. the js used on that site looks like he did it by hand, but u can use the DW behavior and make your life a lot easier :) you would have to modify it a tad to make the last one that was moused over persistant like that site. i dunno if this is something you want to mess with or not.

here is how you set this up.

setup your page in tables or layers or whatever ur gonna use. and have an image the middle the size u want the big image to be. name that big image (in the properties inspector) something like bigImage or foo or cheeseWhiz or whatever u want to name it. it is important that you name it.

now select one of those thumbnails you have on the page. go to behaviors and select Swap Image. before you select a graphic click on that cheeseWhiz image in the list. now select the big version of that thumbnail. you should now see an astric next to the name cheeseWhiz. there ya go. u just did a disjoint rollover. now do that to the other thumbnails.
 
M

meancode

Guest
#9
good deal, nice job! some of those images are kinda big. they take time to load, even on my screaming DSL. id suggest preloading all the big versions. and maybe compressing them a little more.
 

Members online

No members online now.

Latest posts

Latest profile posts

Hello, is there anybody in there? Just nod if you can hear me ...
Xie
What a long strange trip it's been. =)

Forum statistics

Threads
61,961
Messages
673,239
Members
89,014
Latest member
sanoravies