i am trying to do the same highlighting effect done on this victoria secret website. I am using a datalist.any suggestions?
http://www2.victoriassecret.com/coll...ZZZ&rfnbr=1204



rrr

__________________
rrr

Hey,

You may be able to use javascript:

http://imar.spaanjaars.com/ViewConte...=1&CATEGORY=42

Brian

Yes a nice effect, if you:

1. go to the page, view the source code
2. search for one of the image names eg V240734.jpg
3. now have a look at the function in the <td> you will find:
  a. onMouseOver="pink('cell1')" onMouseOut="white('cell1')"

This function is what does the color change and is sitting in the head of the document:

function pink(id){
    if (document.layers || document.getElementById) {
        var st=document.getElementById(id);
        st.style.borderColor= "FF93BF";
    }
    }

    function white(id){
    if (document.layers || document.getElementById) {
        var st=document.getElementById(id);
        st.style.borderColor= "white";
    }
    }

Fairly simple stuff, all the code you need for this is actually in this post.

OR

You could also do it with a simple image swap on some event (inside the <img> tag) The method used on the VS web site is more efficient due to there not being additional images needed (dont forget to pre load the 'onMouseOver' Images)

NOTE:
If you want it to be completely cross browser and version compatible use the later version, I dont believe the JS function will work in browsers with a different Document Object Model to IE. Execuse me if this is slighlty incorrect but I think there are a few if else's missing from the function at a glance, I'm not a JS guy


Wind is your friend
Matt

THANKS GUYS!! it didnt even occur to me to look the javascript direction. i was thinking it was something that i needed to set in the datalist. Thanks again

rrr