Всем привет.
Возникла такая сложность. Есть код . И он мне не очень нравится, а как его сделать короче идеи иссякли. Это слайдер, понимаю что вам это не нужно, но возможно Вы сможете подкинуть идею как и что можно сократить . Спасибо.
$(document).ready(function() {
var word = '1';
$('#a').css("background","url(flipper_dots3.png)");
$('#left').click(function() {
var alt = $('#one').attr("alt");
$('#one').animate({
opacity: 0.00
}, 200, function() {
switch (alt) {
case 'one':
slidedo("images/walle.jpg","two");
navigo('b');
break
case 'two':
slidedo("images/toystory.jpg","three");
navigo('c');
break
case 'three':
slidedo("images/nemo.jpg","one");
navigo('a');
break
}
});
});
$('#right').click(function() {
var alt = $('#one').attr("alt");
$('#one').animate({
opacity: 0.00
}, 200, function() {
switch (alt) {
case 'one':
slidedo("images/toystory.jpg","three");
navigo('c');
break
case 'two':
slidedo("images/nemo.jpg","one");
navigo('a');
break
case 'three':
slidedo("images/walle.jpg","two");
navigo('b');
break
}
});
});
// nigbee navigaciya
//class="navigtron"
$('.navigtron').click(
function(){
var id = this.id;
$('#one').animate({
opacity: 0.00
}, 300, function() {
switch (id)
{
case 'a':
slidedo("images/nemo.jpg","one");
navigo('a');
break
case 'b':
slidedo("images/walle.jpg","two");
navigo('b');
break
case 'c':
slidedo("images/toystory.jpg","three");
navigo('c');
break
}
});
}
);
function slidedo(scr,alt)
{
$('#one').attr("src",scr);
$('#one').attr("alt",alt);
$('#one').css("opacity","1");
}
function navigo(word)
{
switch (word)
{
case 'a':
$('#a').css("background","url(flipper_dots3.png)");
$('#b').css("background","url(flipper_dots2.png)");
$('#c').css("background","url(flipper_dots2.png)");
break
case 'b':
$('#a').css("background","url(flipper_dots2.png)");
$('#b').css("background","url(flipper_dots3.png)");
$('#c').css("background","url(flipper_dots2.png)");
break
case 'c':
$('#a').css("background","url(flipper_dots2.png)");
$('#b').css("background","url(flipper_dots2.png)");
$('#c').css("background","url(flipper_dots3.png)");
break
}
}
});