I have a list of dynamically generated image hyperlinks that are
displayed on a page as follows:

<div class="imgBg">
        <img id="imgProd" src=""  alt=""/>
</div>
<div id="imgEnum">
        <ul>
                <li><span class="sqr1"
                        
onmouseover="updImage('Images/aaa.01.jpg');">1</span></li>
                <li><span class="sqr1" 
onmouseover="updImage('Images/aaa.02.jpg');">
                        2</span></li>
                ...
                <li><span..>N</span></li>
        </ul>
</div>


Problem: This scheme works fine when hovering over the image indexes.
On loading, I would like the first image of the list to be copied to
imgProd via jquery.  How do I extract the mouseover function signature
of the first item ie. "updImage('Images/aaa.01.jpg');" ?

I tried filtering out the li list and narrow it to the first item via
the below code. varImgUR produces the correct signature:
"updImage('/WebHost4Life.Lsite1/Images/Products/Thumbs/
Audree01_md.jpg');"

jQry signature extract code:
jQuery(document).ready(function() {
        // Extract span cnt from first list element
        var sp0 =$("#imgEnum > ul > li span").get(0);
        // Get mouseover fct signature and execute it.
        var sigimgURL =sp0.attributes[0].nodeValue;
        eval(sigimgURL);
});

Function eval()yields the error: "sigimgUrl is not defined"

How can I make this run or alternatively is there a more elegant
jQuery approcach to

Reply via email to