ho provato a modificare il codice e quello di sotto è semplicemente orribile, ma forse può dare uno spunto per capire il problema.
A me piacerebbe conoscere l'altezza della pagina. La dividerei in n parti e modificherei il codice in tal senso. Purtroppo non conosco abbastanza jquery.
ciao
codice:
<script type="text/javascript">
// <![CDATA[
$(document).ready(function()
{
var scroll_pos = 0;
var newImageUrl = "http://localhost/ProveNikon/paesaggi_1/1.jpg";
$(".div1").attr('src', newImageUrl);
$(document).scroll(function()
{
scroll_pos = $(this).scrollTop();document.getElementById("div2").innerHTML = scroll_pos;
if(scroll_pos > 900)
{
newImageUrl = "http://localhost/ProveNikon/paesaggi_1/6.jpg";
}
else if(scroll_pos > 700)
{
newImageUrl = "http://localhost/ProveNikon/paesaggi_1/5.jpg";
}
else if(scroll_pos > 500) {
newImageUrl = "http://localhost/ProveNikon/paesaggi_1/4.jpg";
}
else if(scroll_pos > 100) {
newImageUrl = "http://localhost/ProveNikon/paesaggi_1/3.jpg";
}
else if(scroll_pos > 20) {
newImageUrl = "http://localhost/ProveNikon/paesaggi_1/2.jpg";
}
else{
newImageUrl = "http://localhost/ProveNikon/paesaggi_1/1.jpg";
}
$(".div1").attr('src', newImageUrl);
});
});
// ]]>
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="div2" style="position:fixed;"></div>
<img class="div1" style="position:fixed; width:200px; top:100px;" />
<%for i=1 to 50 %>
<br /><br />
<%next %>
</div>