iMike
Сообщений: 18
Оценки: 0
Присоединился: 2011-01-08 19:24:19.673333
|
Как оказалось мне не по силам… Вот вам наглядный пример работает во всех браузерах кроме 7 и 6го осликов. Пробовал сделать проверку на вызове функции ставил алерт и в итоге получается что срабатывает только на самой первой иконке, а остальные иконки не работают. Подскажите в чём проблема. Код прилагаю:
// jаvаsсriрt Document
$(document).ready(function()
{
$('img#img_btn').click(img_move_rep);
$('a#btn').click(img_replace);
});
function img_move_rep() {
var clas=$(this).attr('class');
$('.gen_img').fadeOut(500,function () {
if(clas == 'icon_1') {
$('.gen_img').attr("src", "http://internet-imperia.ru/gulf/wp-content/themes/iMike-Gulfs/images/accesories/Foot_Massage.png");
}
if(clas =='icon_2') {
$('.gen_img').attr("src", "http://internet-imperia.ru/gulf/wp-content/themes/iMike-Gulfs/images/accesories/Massgae_Chair.png");
}
if(clas =='icon_3') {
$('.gen_img').attr("src", "http://internet-imperia.ru/gulf/wp-content/themes/iMike-Gulfs/images/accesories/technical_chairs.png");
}
if(clas =='icon_4') {
$('.gen_img').attr("src", "http://internet-imperia.ru/gulf/wp-content/themes/iMike-Gulfs/images/accesories/technical_stools.png");
}
if(clas =='icon_5') {
$('.gen_img').attr("src", "http://internet-imperia.ru/gulf/wp-content/themes/iMike-Gulfs/images/accesories/technical_stool.png");
}
if(clas =='icon_6') {
$('.gen_img').attr("src", "http://internet-imperia.ru/gulf/wp-content/themes/iMike-Gulfs/images/accesories/technical_stools2.png");
}
if(clas =='icon_7') {
$('.gen_img').attr("src", "http://internet-imperia.ru/gulf/wp-content/themes/iMike-Gulfs/images/accesories/customer_chairs.png");
}
});
$('.gen_img').fadeIn(1000);
}
function img_replace() {
var clas;
var buf = new Array(2);
var class_img;
var name_img;
var buffer;
clas = $(this).attr('class');
buf = clas.split('_');
if (buf[0] != "type") {
var path = $("#box").attr('class');
class_img = "img."+buf[0];
name_img = buf[1];
$(class_img).attr("src", "http://internet-imperia.ru/gulf/wp-content/themes/iMike-Gulfs/images/chairs/"+path+"/"+buf[0]+"/"+name_img+".png");
}
if (buf[0] == "type") {
clas = $(this).attr('title');
class_img = "p" + "." + buf[0];
buffer = "Тип кресла: " + clas;
$(class_img).text(buffer);
};
if (buf[0] == "top") {
clas = $(this).attr('title');
class_img = "p" + "." + buf[0];
buffer = "Цвет кресла: " + clas;
$(class_img).text(buffer);
};
if (buf[0] == "base") {
clas = $(this).attr('title');
class_img = "p" + "." + buf[0];
buffer = "Цвет основы: " + clas;
$(class_img).text(buffer);
};
if (buf[0] == "insert") {
clas = $(this).attr('title');
class_img = "p" + "." + buf[0];
buffer = "Цвет вставки: " + clas;
$(class_img).text(buffer);
};
if (buf[0] == "bowl") {
clas = $(this).attr('title');
class_img = "p" + "." + buf[0];
buffer = "Цвет чашки: " + clas;
$(class_img).text(buffer);
};
}
проблемы с самим кликом как я думаю $('a#btn').click(img_replace); и $('img#img_btn').click(img_move_rep); функции разные img_move_rep используется на этой странице а img_replace на той которая выше.
|