<script type="text/javascript">
$(document).ready(function()
{
$('#imgPre').click(function()
{
var imgTextL= '<img class="'+$('.imgGal').filter(':last').attr('class')+ //variable containing the last image in the list
'" src="'+$('.imgGal').filter(':last').attr('src')+
'" alt="'+ $('.imgGal').filter(':last').attr('alt') +'" />'
$('#contenuTv').hide("slide", { direction: "left" }, 400 ,function () // load previous image
{
$('.imgGal').filter(':last').remove() //remove the last image
$('#contenuTv').prepend(imgText); // put the last image at the end of the list
$('#contenuTv').show("slide", { direction: "right" }, 400);
});
});
$('#imgSuiv').click(function()
{
var imgTextL = '<img class="'+$('.imgGal').filter(':last').attr('class')+ //variable containing the First image in the list
'" src="'+$('.imgGal').filter(':first').attr('src')+
'" alt="'+ $('.imgGal').filter(':first').attr('alt') +'" />'
$('#contenuTv').hide("slide", { direction: "right" }, 400 ,function () // load next image
{
$('.imgGal').filter(':first').remove() //remove the fisrt image
$('#contenuTv').append(imgText); // put the first image at the end of the list
$('#contenuTv').show("slide", { direction: "left" }, 400);
});
});
});
</script>
The sliding animations are sloppy in IE … worcks great for firefox and chrome toght , it even work acceptably on my android.
Thank you for reding , hope you can help or point me in the right dirrection :).
You are using XHTML served as text/html, in which all code is considered PCDATA, and is thus validated by the parser. Since img is not a valid child of script, the page fails validation. If you served your XHTML as application/xml+xhtml, it would create some actual problems. To avoid this, you have two options:
[list][]Switch to HTML 4.01 strict. This is by far the best option, since you can’t use any of the inherent benefits of XHTML as long as you serve it as text/html anyway, and since you can’t serve XHTML as application/xml+xhtml in any version of Internet Explorer below Internet Explorer 9.
[]Comment out the Javascript as CDATA like this: <![CDATA[ * script goes here * ]]>.[/list]
In either case, you should switch to a strict DOCTYPE.
Oh, and the above code might cause some problems in some browsers, so to be on the safe side, use this:
<script type=“text/javascript”>
/* <