اشکال در اسلایشو

[mr.zenith]

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

<div class="slideshow">
<ul>
<li data-value="images/thumbs/2712705763_ef820cc784_o.jpg"><img src="images/2712705763_ef820cc784_o.jpg" class="bg" /></li>
<li data-value="images/thumbs/3297526646_f8885c009d_b.jpg"><img src="images/3297526646_f8885c009d_b.jpg" class="bg" /></li>
<li data-value="images/thumbs/3829933278_03ede023f9_b.jpg"><img src="images/3829933278_03ede023f9_b.jpg" class="bg" /></li>
<li data-value="images/thumbs/4099155146_bec4bd5fb0_b.jpg"><img src="images/4099155146_bec4bd5fb0_b.jpg" class="bg" /></li>
</ul>
</div>
<div class="counter"><ul></ul></div>

var time=3000
var count=$('.slideshow li').size();
$(document).ready(function() {
slide(time);
for (var i=0;i<$('.slideshow li').size();i++)
{
var thumbs=$('.slideshow li:eq('+i+')').attr('data-value');
$('.counter ul').append("<li class='sc'><img src='"+thumbs+"' /></li>");
}
$('.sc').click(function(){
var count=$(this).index();
$('.slideshow li').fadeOut("fast");
$('.slideshow li:eq('+count+')').fadeIn("slow");
return count;
});
var ww=$(document).width();
var wh=$(document).height();
$('.bg').css("width",ww);
$('.bg').css("height",wh);
$('#logo').css("height",wh);
});
function slide(changetime){
var time=changetime;

setInterval(function(){
$('.slideshow li:eq('+count+')').fadeOut("slow");
count=count-1;
if(count==-1)
{
$('.slideshow li').fadeIn("fast");
count=$('.slideshow li').size();
};
return count;
},time);

}

لطفا راهنمایی بفرمایید
با تشکر

[mr.zenith]

دوستان نظری ندارن؟؟

[mr.zenith]

دوستان اگر راهی بگن که بشه متغییر count که شماره اسلاید جاری را نشان میده بگن فکر می کنم مشکل حل بشه

[Javidhb]

چون cs. رو بعد از لود html وارد میکنید.. خط 10 باید اینجوری باشه:

$(document).on('click', '.sc', function(){

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


=>اینجوری سخته مشکل کد رو پیدا کنیم... بهتره کدتون رو توی jsfiddle بزارید.

[mr.zenith]

عکس ها قرار نیست ثابت بشه قراره از همون عکسی که انتخاب شده ادامه داد بشه

[mr.zenith]

اینقدر مشکل پیچیده است که بعد یک ماه هیچ پاسخی نداشته؟