Hola,
Trato de hacer una portada automatizada:
Código HTML:
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script>
///////////////////////// - CONFIGURACIONES - ///////////
var div_pr=new Array();
var image=new Array();
div_pr[1]="#pr_td_1";
div_pr[2]="#pr_td_2";
div_pr[3]="#pr_td_3";
var div_move_selected="div.move_selected";
var div_data="#data";
var index=1;
////////////////////////////////////////////////////////
image[1]='images/pueba/1.jpg';
image[2]='images/pueba/2.jpg';
image[3]='images/pueba/3.jpg';
////////////////////////////////////////////////////////
$(document).ready(function(){
var coord=$(div_pr[index]).position();
$(div_move_selected).css({"left":coord.left,"top":coord.top}).show();
$(div_data).css({"background-image":"url("+image[index]+")"});
for(i=1;i < div_pr.length;i++){
$(div_pr[i]).click(function () {
var coord=$(this).position();
$(div_move_selected).animate({"left": coord.left, "top": coord.top}, 500,function(){
$(div_data).css({"background-image":"url("+image[i]+")"});
alert(i);
});
});
}
});
</script> Pero lo que me alerta es 4 siempre o no me alerta nada. Pero si me mueve bien el div.
Yo soy nuevo en Jquery.
Gracias
Salu2
