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

Discussion in 'Web Design & Coding' started by FrenchBerliner, Mar 4, 2003.

  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. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    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.
     
  3. 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???
     
  4. Nobody knows???:(
     
  5. Krux

    Krux Nissan Powered

    Messages:
    1,649
    well good lord put a damn warning on that post I opened that poop at work!!
     
  6. NetRyder

    NetRyder Tech Junkie Folding Team

    Messages:
    13,256
    Location:
    New York City
    Done ;)
     
  7. meancode

    meancode Guest

    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.
     
  8. Thank you soooooo much!!!
    It worked!!
    Look there:
    CLICK HERE

    Thanx again
    FB
     
  9. meancode

    meancode Guest

    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.
     
  10. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    hrmm loaded in a sec for me... oh wait, I have 5xT3 for net access, silly me I forgot :p