دو مشکل

این تاپیک 3 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  reza hamzeh ،‏ 8 ماه و 1 هفته پیش .

این تاپیک تاکنون 292 بازدید داشته است .

نویسنده پست
شنبه ، 26 مارس 2016     12:44 ب.ظ #


reza hamzeh

Subscriber
21 پست6 تاپیک

سلام . من میخواستم یک کد بنویسم که اگر روی تصویری کلیک کنم تصویر در قالب یک اسلاید باز بشه طوری که اطراف تصویر تاریک باشه . متاسفانه در کد های من دو مشکل عجیب هستند که درک نمیکنم این مشکلات از چیند .

کد ها : (کد ها رو در قالب فایل txt پیوست کردم . اینجا کد ها درست نمایش داده نمیشن . ناقصند لطفا اون ها رو و چک کنید)

function get_image_name(x){
return image_name = x.src;
}
function slideShow() {
n = image_name.length - 11;
isbn = image_name.substring(n);
var span = $('')
.attr('id', 'slide')
.css({'left' : '0' ,
'top' : '0' ,
'position' : 'fixed' ,
'z-index' : '1000',
'paddingLeft' : '33%',
'paddingTop' : '5%' ,
'width' : '100%',
'height' : '100%',
'backgroundColor' : 'rgba(153,204,51,0.9)',
'opacity' : '0.3'
})
.insertAfter($('.image_book'))
.click(function(){
$("#slide img").remove();
$("#slide").remove();
});
}
function show_image(){
var img = $('', {
src:'books_image/' + isbn,
alt: 'image of book'});
img.css({'opacity' : '1',
'z-index' : '1001'})
.appendTo($('#slide'));
}

مشکل اول اینه که من یک تصویر درون span قرار دادم . ولی بک گراند رنگ span روی تصویر هم قرار میگیره ! تصویر زیر رو ببینید . چرا اینطوره ؟ بک گراند که نباید روی تصویر باشه

مشکل دوم اینه که همون طوری که میبینید در کد تابعی تعریف کردم که با یک کلیک span از بین بره ! با کمال تعجب میبینیم که این span با 3 کلیک از بین میره !و در هر کلیک رنگ بک گراند کمرنگ تر میشه . تصاویر زیر رو ببینید

در حالت اولیه

http://www.8pic.ir/images/sa19gltdut59d27k6mz2.jpg

بعد از کلیک اول

http://www.8pic.ir/images/kvit29kwqvcgln91psfu.jpg

بعد از کلیک دوم

http://www.8pic.ir/images/n04n8381lmatcjb0x0xk.jpg

بعد از کلیک سوم

http://www.8pic.ir/images/xd72ojw0218rapjylf78.jpg

لطفا بگید کجای کد های من اشتباهه ؟

پیوست ها:
You must be logged in to view attached files.
0  تشکر
شنبه ، 26 مارس 2016     10:31 ب.ظ #


reza hamzeh

Subscriber
21 پست6 تاپیک

واقعا کسی بلد نیست این مشکل من رو حل کنه !؟

0  تشکر
یکشنبه ، 27 مارس 2016     9:03 ب.ظ #


محمد مهدی اکرمی

Subscriber
605 پست28 تاپیک

سلام دوست عزیز
من براتون یه پلاگین ساده درست کردم . خودتون تکمیلش کنید .
موفق باشید ... :)

پیوست ها:
You must be logged in to view attached files.
2  تشکر
یکشنبه ، 27 مارس 2016     9:50 ب.ظ #


reza hamzeh

Subscriber
21 پست6 تاپیک

ممنون
سعی میکنم ازش ایده بگیرم و مشکل کد ها رو رفع کنم

0  تشکر
پست 1 تا 4 (از مجموع 4 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .