HTML code for fading

Discussion in 'HTML & Website Design' started by smile123, Dec 10, 2007.

  1. #1
    Do anybody know the HTML code for fading pictures in and out??
     
    smile123, Dec 10, 2007 IP
  2. sawz

    sawz Prominent Member

    Messages:
    8,225
    Likes Received:
    808
    Best Answers:
    0
    Trophy Points:
    360
    #2
    just Google "fading images"
    you'll find what you need. :D
     
    sawz, Dec 10, 2007 IP
  3. Daniel15

    Daniel15 Member

    Messages:
    17
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    38
    #3
    Do you mean cross-fading? Something like this: slayeroffice.com/code/imageCrossFade/xfade2.html?
     
    Daniel15, Dec 10, 2007 IP
  4. phd

    phd Active Member

    Messages:
    496
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    60
    #4
    phd, Dec 10, 2007 IP
  5. agilius

    agilius Well-Known Member

    Messages:
    1,021
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    100
    #5
    I think that fading is now the job of JavaScript. I'm not a grate client-side programmer but I know that JS will do the job for you.

    take a look at phd's example. It's a good one ;)
     
    agilius, Dec 10, 2007 IP
  6. twistedspikes

    twistedspikes Notable Member

    Messages:
    5,694
    Likes Received:
    293
    Best Answers:
    0
    Trophy Points:
    280
    #6
    Yeah, i'd say it's javascript.
     
    twistedspikes, Dec 10, 2007 IP
  7. smile123

    smile123 Guest

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    i wants to do it like Daniel15 example.
    how i can do it i JS?
     
    smile123, Dec 11, 2007 IP
  8. Dondon2d

    Dondon2d Peon

    Messages:
    3,193
    Likes Received:
    146
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Dondon2d, Dec 11, 2007 IP
  9. smile123

    smile123 Guest

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    hahaha i didn't see it:) thanks.
     
    smile123, Dec 11, 2007 IP
  10. Dondon2d

    Dondon2d Peon

    Messages:
    3,193
    Likes Received:
    146
    Best Answers:
    0
    Trophy Points:
    0
    #10
    It's alright, just read carefully next time :D
     
    Dondon2d, Dec 11, 2007 IP
  11. y7deadman

    y7deadman Peon

    Messages:
    44
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Thanks a lot for the info:)
     
    y7deadman, Dec 11, 2007 IP
  12. T-P-X

    T-P-X Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    I didn't know that it possible in JS, thanks on the example phd!
     
    T-P-X, Dec 12, 2007 IP
  13. SitPoMk

    SitPoMk Peon

    Messages:
    457
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #13
    javascript is god for all these effects
    its definitely a good idea to learn some basic JS. its a lifesaver ;)
     
    SitPoMk, Dec 12, 2007 IP
  14. dp-user-1

    dp-user-1 Well-Known Member

    Messages:
    794
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    110
    #14
    www.dynamicdrive.com has a good effect. It can be used on anything, not just images. I think it's called "Gradual Highlight."
     
    dp-user-1, Dec 12, 2007 IP
  15. agilius

    agilius Well-Known Member

    Messages:
    1,021
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    100
    #15
    I agree and if we want to get even better, the ActionScript 3.0 is a nice thing. It is ajax-like and has a lot of cool flash futures ;)
     
    agilius, Dec 12, 2007 IP
  16. Daniel15

    Daniel15 Member

    Messages:
    17
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    38
    #16
    smile123, did you end up getting this to work for you? :)

    I don't think it's possible without JavaScript (well, you could use Flash, but that's different :p)
     
    Daniel15, Dec 14, 2007 IP
  17. sunnyverma1984

    sunnyverma1984 Well-Known Member

    Messages:
    342
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    120
    #17
    use microsoft filer for fading but it will work on IE 5+ only
     
    sunnyverma1984, Dec 14, 2007 IP
  18. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #18
    No, no no no NO. HTML is a structural markup language used for marking up (and thereby defining the meaning of the contents of) a Web page. If you need a behavioral effect such as this, use JavaScript (or if appropriate, Flash, but that's not always the best solution) instead, since behavior is the responsibility of JavaScript (well, that and client-side form pre-validation).

    (X)HTML for structure, CSS for appearance and presentation, JavaScript for behavior (and client-side form pre-validation). And yes, I consider Ajax to fall under "behavior" for those who are wondering.
     
    Dan Schulz, Dec 14, 2007 IP