Jquery killing onmouse over effect
Dear all,
The code below is suppossed to show some images with its on mouse over images and its link out of a xml file. Well, it is doing it great but for the on mouser over chapter.
When I add:
-
<script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
It does not work. When I delete it, it does work.
How can I make
-
..
onMouseOver='document.image"+nu+".src=images/"+thumb+"_over.jpg' onMouseOut='document.image"+nu+".src=images/"+thumb+".jpg'><img ..
to get on well with Jquery??
If it is no possible to do so, how can I change the code to have the on mouse over effect with the images??
Thanks a ton in advance!!
-
<script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="application/javascript">
$(function() {
$.ajax({
type: "GET",
url: "myxml.xml",
dataType: "xml",
success: function(xml) {
$(xml).find('item').each(function(){
var thumb = $(this).find('thumb').text()
var ids = $(this).find('ids').text()
var alt = $(this).find('alt').text()
var nu = $(this).find('nu').text()
.html("<div class=thumb"+nu+"><a href='http://mylink.com' onMouseOver='document.image"+nu+".src=images/"+thumb+"_over.jpg' onMouseOut='document.image"+nu+".src=images/"+thumb+".jpg'><img src='images/"+thumb+".jpg' alt='"+alt+"' name='image"+nu+"' width=82 height=62 border=0></a></div>")
.appendTo('#content');
}); //close each(
}
}); //close $.ajax(
}); //close $
</script>