PDA

View Full Version : مبتدی: ارور در اسکریپت اسلایدر



hamedarian2009
دوشنبه 21 بهمن 1392, 12:03 عصر
سلام من چهارتا عکسو میخاستم به صورت اسلایدر نمایش بدم که از اسکریپت ساده زیر استفاده کردم


<script type="text/javascript">
(function(){
var sliderUL = $('div.slider').css('overflow','hidden').children( 'ul'),
imgs = sliderUL.find('img'),
imgWidth = imgs[0].width(),
imgLen = imgs.length(),
totalImgsWidth = (imgLen * imgWidth),
current = 1;

$('#slider-nav').show().find('button').click(function(){
var direction = $(this).data('dir'), loc = imgWidth;
(direction === 'next')?++current:--current;
if(current === 0){
current = imgLen;
loc = totalImgsWidth - imgWidth;
direction = 'next';
}
else if(current-1 === imgLen){
current=1;
loc=0;
}
transition (sliderUL,loc,direction);

function transition(container,loc,direction){
var unit;
if(direction && loc !== 0){
unit = (direction === 'next')?'-=':'+=';
}
container.animate({
'marginLeft':unit?(unit+loc):loc
});
}
});
})();
</script>

اما توی کنسول type error میده به نظرتون مشکلش از چیه؟


TypeError: imgs[0].width is not a function

imgWidth = imgs[0].width(),

geeking
دوشنبه 28 بهمن 1392, 23:45 عصر
فکر میکنم اگر کد کامل html + css+ js رو یه جا آپلود میکردید که ما نیز چشمان به ارورها روشن گردد زودتر جواب خواهید گرفت.
مثلا شاید به تگهای img بصورت inline width ندادید یا ....